【JavaScript】JavaScript 程序流程控制 ② ( 循环流程控制 | 循环要素 - 循环体 / 循环终止条件 | for 循环语法结构 )

本文主要是介绍【JavaScript】JavaScript 程序流程控制 ② ( 循环流程控制 | 循环要素 - 循环体 / 循环终止条件 | for 循环语法结构 ),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 一、JavaScript 程序流程控制 - 循环流程控制
    • 1、循环流程控制
    • 2、循环要素 - 循环体 / 循环终止条件
    • 3、for 循环语法结构 - 循环控制变量 / 循环终止条件 / 操作表达式
    • 4、for 循环 完整代码示例





一、JavaScript 程序流程控制 - 循环流程控制




1、循环流程控制


在 程序开发 中 , 经常需要 执行 有规律的重复代码 , 该 " 重复执行代码 " 的操作 就是 程序流程控制 中的 " 循环流程控制 " ;

循环 的目的是 重复执行 某些代码 ;

在这里插入图片描述

循环流程控制 有以下几类 ;

  • for 循环 :
  • while 循环 :
  • do-while 循环 :

2、循环要素 - 循环体 / 循环终止条件


循环流程控制 的 要素 :

  • 循环体 : 要 重复执行的 代码 语句 ;
  • 循环终止条件 : 每次循环 时 , 循环体 是否执行 , 要看是否达成 循环终止条件 , 如果 未达到 则继续执行本次循环 , 如果达到 循环终止条件 则 终止循环 ;

上述 " 循环体 " 和 " 循环终止条件 " 组成了 完整的 循环语句 ;


3、for 循环语法结构 - 循环控制变量 / 循环终止条件 / 操作表达式


下面是 for 循环的语法结构 :

for (initialization; condition; operate-expression) {  // 循环体,只要条件为真就会执行这里的代码  
}
  • initialization : 循环控制变量 的 初始化表达式 ;
  • condition : 循环终止条件 , 如果该条件为 false 则继续执行循环 , 如果 该 表达式为 true 则退出循环 ;
  • operate-expression : 操作表达式 , 循环控制变量 的 变化方式 , 一般是 递增 / 递减 运算符 运算 ;

代码示例 :

  • 循环控制变量定义 : var i = 0
  • 循环终止条件 : i < 100
  • 循环控制变量变化方式 : i++
        // 循环控制变量定义 : var i = 0// 循环终止条件 : i < 100// 循环控制变量变化方式 : i++for (var i = 0; i < 100; i++) {// 循环体console.log("循环 " + i);}

4、for 循环 完整代码示例


完整代码示例 :

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>// 循环控制流程// 循环控制变量定义 : var i = 0// 循环终止条件 : i < 100// 循环控制变量变化方式 : i++for (var i = 0; i < 100; i++) {// 循环体console.log("循环 " + i);}</script>
</head><body>
</body></html>

执行结果 :

在这里插入图片描述

这篇关于【JavaScript】JavaScript 程序流程控制 ② ( 循环流程控制 | 循环要素 - 循环体 / 循环终止条件 | for 循环语法结构 )的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/831680

相关文章

使用Java发送邮件到QQ邮箱的完整指南

《使用Java发送邮件到QQ邮箱的完整指南》在现代软件开发中,邮件发送功能是一个常见的需求,无论是用户注册验证、密码重置,还是系统通知,邮件都是一种重要的通信方式,本文将详细介绍如何使用Java编写程... 目录引言1. 准备工作1.1 获取QQ邮箱的SMTP授权码1.2 添加JavaMail依赖2. 实现

Java嵌套for循环优化方案分享

《Java嵌套for循环优化方案分享》介绍了Java中嵌套for循环的优化方法,包括减少循环次数、合并循环、使用更高效的数据结构、并行处理、预处理和缓存、算法优化、尽量减少对象创建以及本地变量优化,通... 目录Java 嵌套 for 循环优化方案1. 减少循环次数2. 合并循环3. 使用更高效的数据结构4

java两个List的交集,并集方式

《java两个List的交集,并集方式》文章主要介绍了Java中两个List的交集和并集的处理方法,推荐使用Apache的CollectionUtils工具类,因为它简单且不会改变原有集合,同时,文章... 目录Java两个List的交集,并集方法一方法二方法三总结java两个List的交集,并集方法一

Spring AI集成DeepSeek三步搞定Java智能应用的详细过程

《SpringAI集成DeepSeek三步搞定Java智能应用的详细过程》本文介绍了如何使用SpringAI集成DeepSeek,一个国内顶尖的多模态大模型,SpringAI提供了一套统一的接口,简... 目录DeepSeek 介绍Spring AI 是什么?Spring AI 的主要功能包括1、环境准备2

Spring AI集成DeepSeek实现流式输出的操作方法

《SpringAI集成DeepSeek实现流式输出的操作方法》本文介绍了如何在SpringBoot中使用Sse(Server-SentEvents)技术实现流式输出,后端使用SpringMVC中的S... 目录一、后端代码二、前端代码三、运行项目小天有话说题外话参考资料前面一篇文章我们实现了《Spring

Python中如何控制小数点精度与对齐方式

《Python中如何控制小数点精度与对齐方式》在Python编程中,数据输出格式化是一个常见的需求,尤其是在涉及到小数点精度和对齐方式时,下面小编就来为大家介绍一下如何在Python中实现这些功能吧... 目录一、控制小数点精度1. 使用 round() 函数2. 使用字符串格式化二、控制对齐方式1. 使用

Spring AI与DeepSeek实战一之快速打造智能对话应用

《SpringAI与DeepSeek实战一之快速打造智能对话应用》本文详细介绍了如何通过SpringAI框架集成DeepSeek大模型,实现普通对话和流式对话功能,步骤包括申请API-KEY、项目搭... 目录一、概述二、申请DeepSeek的API-KEY三、项目搭建3.1. 开发环境要求3.2. mav

Springboot的自动配置是什么及注意事项

《Springboot的自动配置是什么及注意事项》SpringBoot的自动配置(Auto-configuration)是指框架根据项目的依赖和应用程序的环境自动配置Spring应用上下文中的Bean... 目录核心概念:自动配置的关键特点:自动配置工作原理:示例:需要注意的点1.默认配置可能不适合所有场景

Nginx中location实现多条件匹配的方法详解

《Nginx中location实现多条件匹配的方法详解》在Nginx中,location指令用于匹配请求的URI,虽然location本身是基于单一匹配规则的,但可以通过多种方式实现多个条件的匹配逻辑... 目录1. 概述2. 实现多条件匹配的方式2.1 使用多个 location 块2.2 使用正则表达式

使用Apache POI在Java中实现Excel单元格的合并

《使用ApachePOI在Java中实现Excel单元格的合并》在日常工作中,Excel是一个不可或缺的工具,尤其是在处理大量数据时,本文将介绍如何使用ApachePOI库在Java中实现Excel... 目录工具类介绍工具类代码调用示例依赖配置总结在日常工作中,Excel 是一个不可或缺的工http://