首页 理论教育JavaScriptfor循环语句解析

JavaScriptfor循环语句解析

【摘要】:图6.3.1for循环语句当testExpression为false时,循环结束,因此第一个for循环输出0、1、2、3、4、5、6,第二个循环输出5、15、25。图6.3.2for循环计算1到100的和数判断表达式i <= 100 确保i等于100时执行循环。in是for语句的一种特殊形式,语法格式如下:语法格式说明:◇ for…在第12章原型链会介绍for…in语句存在的隐患。

1.for语句

for语句是使用简单、方便的循环语句,语法格式如下:

语法格式说明:

◇ initExpression是循环初始语句,用来设置循环初始变量、初始环境等,在这个语句中可以声明变量;

◇ testExpression是循环判断语句,如果testExpression布尔值为true,则执行本次循环,否则退出循环,包括第一次循环也会判断;

◇ stepExpression是循环步长语句,每次循环结束时执行该语句,因此第一次循环初始时不执行。

6.3.1.html使用for循环根据步长输出数字,如下所示。

动手写6.3.1

执行6.3.1.html,输出结果到网页,如下图所示。

图6.3.1 for循环语句

当testExpression为false时,循环结束,因此第一个for循环输出0、1、2、3、4、5、6,第二个循环输出5、15、25。

6.3.2.html使用for循环语句计算1到100的总和,如下所示。

动手写6.3.2

执行6.3.2.html,输出结果到网页,如下图所示。

(www.chuimin.cn)

图6.3.2 for循环计算1到100的和数

判断表达式i <= 100 确保i等于100时执行循环。

2.for…in语句

for语句可以用于循环数组获取数组元素,for…in是for语句的一种特殊形式,语法格式如下:

语法格式说明:

◇ for…in只支持一个表达式,JavaScript引擎在每次循环时自动设置objectProp为对象的属性值。

◇ object可以是任意数据类型,主要用于循环对象、数组。

6.3.3.html使用for…in循环输出数组的元素和对象的属性,如下所示。

动手写6.3.3

执行6.3.3.html,输出结果到网页,如下图所示。

图6.3.3 for…in循环语句枚举数组元素和对象属性

在循环体内使用object[objectProp]获取属性对应的value。

提示

for…in语句用于枚举对象的所有属性,如果对象的属性是不可枚举的,则使用for…in进行枚举时不会出现该属性。

在第12章原型链会介绍for…in语句存在的隐患。