JS基础语法（循环语句）

最新推荐文章于 2020-11-22 16:20:51 发布

原创最新推荐文章于 2020-11-22 16:20:51 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

学习笔记（基础）专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了循环语句的使用方法，包括for循环、for-in循环、while循环和do-while循环。for循环适用于已知循环次数的情况，for-in循环用于遍历对象属性，而while循环和do-while循环则用于不确定循环次数的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[size=x-large][b]循环语句[/b][/size]
[size=large][b]一、for循环语句（定长循环语句）[/b][/size]
[b]1.for语句（循环代码块一定的次数）[/b]
1）语法：

for(初始化;条件判定;步进)
		{
			循环体;
		}

2）说明：
[list]
[*]在循环开始前首先执行初始化部分，初始化部分通常初始化循环中所用的变量
[*]再进行条件判断，条件判断定义运行循环体的条件
[*]如果满足条件判断则返回true，执行循环体，不满足返回flase结束循环体
[*]循环体执行完后执行步进代码，再进行条件判定，以此往复
[/list]
3）特殊性：
[list]
[*]for括号中只有两个“;”必不可少，初始化、条件判定、步进都为可选
[*]初始化可以在循环开始前设置变量值
[*]条件判定可选，但在循环体中必须提供break来跳出循环
[*]步进可在循环体中提供
[/list]
4）关键字：
[list]
[*]break：跳出整个循环
[*]continue：结束本次循环，从步进开始进入下一次循环
[/list]
5）循环嵌套：
在for的循环体中再嵌套入循环语句，不建议嵌套层次超过3层，降低性能，在嵌套循环中break、continue只对其所在循环有效
[b]2.for-in语句（迭代循环）[/b]
[b]for-in语句（循环遍历对象的属性）[/b]
1）语法：

for(循环变量 in 集合数据)
		{
			循环体;
		}

2）说明：
循环变量是遍历到的数据在集合中的索引顺序（从0开始），而非数据本身；可以通过：集合变量[循环变量] 的形式获取数据

<script type="text/javascript">
	// 大部分浏览器中，字符串string被看做是字符的集合
	var str="Hello";
	for(var index in str){//index用于按顺序访问字符串str中的每个字符的索引
		console.debug("str["+index+"]="+str[index]);
	}
	</script>

控制台运行结果：
[img]http://dl2.iteye.com/upload/attachment/0117/7389/42dfcb89-b65e-3243-b582-7cba0e6a2074.png[/img]
[size=large][b]二、while语句（不定长循环语句）[/b][/size]
[b]1.while循环语句[/b]
1）语法：

while(条件)
  	{
  		循环体;
  	}

2)说明：
先判断条件为true后再执行循环体，while中循环体有可能一次也不执行（指定条件为false情况）

[b]2.do-while语句[/b]
1）说法：

do
  	{
  		需要执行的代码;
  	}while (条件);

2）说明：
先执行一次循环体，再进行条件判断，do-while语句保证循环体至少执行一次，即使条件是false，循环语句会在条件被测试前执行