微信订阅号：Rabbit_svip
forEach()方法用于调用数组的每一个元素，并将元素传递给回调函数。
语法
array.forEach(function(currentValue, index, arr), thisValue)
- currentValue：必填，当前元素。
- index：可选，当前元素的索引。
- arr：可选，当前元素所属的数组对象。
- thisValue：可选，传递给函数的值一般用this值，如果这个参数为空，"undefined"会传递给"this"值。（这个参数一般很少填）
/* JS代码 */
let colors = ['red', 'blue', 'green'];
colors.forEach((item, $index, arr) => {
console.log(`${item} => ${$index} => ${arr}`);
})
微信订阅号：Rabbit_svip
上面的代码用了ES6语法，几乎等同于下面的代码
/* JS代码 */
var colors = ['red', 'blue', 'green'];
colors.forEach(function(item, $index, arr) {
console.log(item + ' => ' + $index + ' => ' + arr);
})
其实，用 forEach() 主要是为了更方便的代替 for 对数组进行遍历。
用 for 遍历数组的方法
/* JS代码 */
var colors = ['red', 'blue', 'green'];
for( var i=0; i < colors.length; i++){
console.log( colors[i] + ' => ' + i + ' => ' + colors);
}
注意：
1、 forEach() 对于空数组是不会执行回调函数的。
2、 for可以用continue跳过循环中的一个迭代，forEach用continue会报错。
3、 forEach() 需要用 return 跳过循环中的一个迭代，跳过之后会执行下一个迭代。
【跳过一次迭代】
/* JS代码 */
var colors = ['red', 'blue', 'green'];
for( var i=0; i < colors.length; i++){
if( colors[i] == 'blue') {
continue;
}
console.log( colors[i] );
}
colors.forEach( function( item ) {
if(item == 'blue') {
return;
}
console.log( item );
})
注意：
没有办法终止或跳出forEach循环，除非抛出一个异常。
如果需要终止或者跳出循环，建议用some()或者every()。
