首页 理论教育使用forEach迭代数组,获取运算结果

使用forEach迭代数组,获取运算结果

【摘要】:循环获取数组元素进行运算是很常见的操作,数组具有length属性,因此往往会使用for i++形式对数组进行迭代。in迭代数组使用typeof检测数组,返回"object",表明数组也属于对象,可以使用for…in语句会自动跳过该索引,for i++则不会跳过。◇ thisArg:可选参数,表示执行callback时绑定的this对象。动手写9.4.12执行9.4.12.html,输出结果到网页,如下图所示。图9.4.12使用forEach()迭代数组

循环获取数组元素进行运算是很常见的操作,数组具有length属性,因此往往会使用for i++形式对数组进行迭代。

1.for i++迭代数组

9.4.10.html使用for i++语句遍历数组元素,如下所示。

动手写9.4.10

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

图9.4.10 使用for循环迭代数组

2.for…in迭代数组

使用typeof检测数组,返回"object",表明数组也属于对象,可以使用for…in语句枚举数组元素。

9.4.11.html使用for…in语句遍历数组元素,如下所示。

动手写9.4.11

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

图9.4.11 使用for…in迭代数组(www.chuimin.cn)

提示

如果数组的某个索引没有元素,for…in语句会自动跳过该索引,for i++则不会跳过。

3.forEach迭代数组

数组的forEach()方法是接收一个回调函数作为参数,使用每个元素执行一次该函数,语法如下:

参数说明:

◇ callback:必选参数,表示为每个元素执行的回调函数,该函数接收三个参数,形式如callback(element, index, array),element表示当前元素,index表示元素对应的索引,array表示当前数组。

◇ thisArg:可选参数,表示执行callback时绑定的this对象。

9.4.12.html使用forEach()迭代数组,如下所示。

动手写9.4.12

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

图9.4.12 使用forEach()迭代数组