关于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

推荐看这个，跟着敲一遍，会更容易理解。