jQuery 数组foreach javascript数组foreach

转载

ctaxnews 2023-06-22 23:53:13

关于js数组方法forEach()

1.forEach()是什么？

forEach()是一种数组遍历方法。
在js最基础的遍历数组方法可能是这样的

点击查看代码

var myArr = [1, 2, 3]
    for(var i = 0; i < myArr.length; i++) {
      console.log('当前数组元素' + myArr[i]);
      console.log('当前数组元素的索引值' + i);
      console.log('整个数组元素' + myArr);
    }

这样写代码，要写的东西太多了。
在循环里‘声明一个i’ 和 ‘确定数组的长度’是比较繁琐的，
而且var所造成的变量提升很可能造成错误（在循环外面也可以调用i这个变量）。
所以在ES5有了好几个数组遍历方法，
当然这样最原始的方法够用，但在很多实际项目中，这种方法很臃肿，会让代码结构很乱。

在这里先写一下forEach()方法的基本用法

点击查看代码

var myArr = [1, 2, 3]
    myArr.forEach(function (currentValue, index, array) {
      console.log('当前数组元素' + currentValue);
      console.log('当前数组元素的索引值' + index);
      console.log('整个数组' + array);
    })

forEach方法里面的参数是一个匿名对象，这个对象可以循环遍历整个数组，而我们相对数组的操作，就写在这个匿名对象里面。这个匿名对象提供三个参数(参数名字不固定，可以自己更改），分别是： ·currentValue 当前循环的数组元素 ·index 当前循环的数组元素的索引值 ·array 被循环的数组

代码执行的结果：

jQuery 数组foreach javascript数组foreach_匿名对象