关于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 被循环的数组

代码执行的结果：

两组代码执行的结果都是一样的，我们可以看到这样语义化更明显。

在未来的学习以及项目工作中，forEach等其他数组方法是要经常使用的。

这里附上一个比较好的视频讲解案例：https://www.bilibili.com/video/BV1DY41177dM?p=39&vd_source=dd8342c2b9749c488bf0940c66a2da62
推荐看这个，跟着敲一遍，会更容易理解。