JS forEach和map用法

forEach：

forEach是ECMA5中Array新方法中最基本的一个，就是遍历，循环。例如下面这个例子：
[1, 2 ,3, 4].forEach(alert);
等同于下面这个for循环：

var array = [1, 2, 3, 4];
for (var i = 0, length = array.length; i < length; i++) {
 alert(array[i]);
}

forEach方法中的function回调支持3个参数，第1个是遍历的数组内容；第2个是对应的数组索引，第3个是数组本身。

[].forEach(function(value, index, array) {
  // ...
});

例如：

var array = [1,2,3];
array.forEach(function(val,index,arr){
    console.log('val:'+val); => 1,2,3
    console.log("index:" + index); =>0,1,2
    console.log(arr); => [1,2,3]
})
在控制台输出结果为：

因为forEach本质是循环，所以输出了三次数组。

map：

数组的map方法指的是映射，即原数组被“映射”成对应新数组。

array.map(callback,[ thisObject]);

map的用法：
map跟forEach一样接收三个参数，他可以对原数组做处理映射到新数组中。

var data=[1,3,4]

var Squares=data.map(function(val,index,arr){
  console.log(arr[index]==val);  // ==> true
  return val*val;           
})
console.log(Squares);        // ==> [1, 9, 16]

注意：ie9以下的浏览器还不支持这两个方法，可以从Array原型扩展可以实现以上全部功能：

if (typeof Array.prototype.forEach != "function") {
  Array.prototype.forEach = function() {
    /* 自定义函数实现 */
  };
}