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() { /* 自定义函数实现 */ }; } 程序员青戈 认证博客专家 Java 架构 博客专家 Java程序员，5年一线大厂实战经验。关注我的原创微信公众号「Java学习指南」，回复「面试」可获取大厂通关面试题解一套。