forEach 踩坑

使用forEach()时候，如果数组在迭代时被修改，则其他元素会被跳过。因为 forEach()不会在迭代之前创建数组的副本

对MDN上一个实例的解释

先上代码

var words = ['1', '2', '3', '4'];
words.forEach(function(word) {
  console.log('查看结果', word);          // 1, 2, 4,     虽然看起来很奇怪，但是采用typeof检测后发现，的确是 string
  if (word === '2') {
    words.shift();
    console.log('执行完', words);    // ["2", "3", "4"]
  }
});

shift()函数是删除数组的第一个元素
我们如果紧随其后的打印数组，发现原数组按照正常的想法被我们改变了
但是在循环开始时，打印出了匪夷所思的结果。被删掉的1又活了过来，而排在其后的3神秘消失。
事实上是shift函数删除这个元素后，改变了整个数组的索引，也就是words.length从4变成3,也就是words[0] = 2, words[1] = 3, words[2] = 4。又因为判断语句是执行到words[1] = 2的（原数组）, 那么现在继续往下循环就是到了–words[2]。而新数组对应的words[2]=4，所以我们看到的打印结果就是跳过了3直接打印4.

通过这个结果，可以推测forEach的行为不是单纯的循环，而是会把循环的结果放在一个堆栈（猜测）中，然后最后把堆栈中的结果依次全部输出。

关于foreach和map的比较可以参考这篇博客
https://www.cnblogs.com/leaf930814/p/6667011.html