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() {
/* 自定义函数实现 */
};
}