js foreach和map区别(forEach和map方法解析)

js foreach()和map()两个方法都是ECMAScript5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，但是它们之间还是有区别的，js foreach和map区别是什么？本文通过对js forEach和map方法解析可以得出答案。  

一、先看js foreach和map方法的定义：

1、Array.prototype.map()

官方解释：数组映射，不会修改原来的数组

2、Array.prototype.forEach()

官方解释：数组遍历 参数是函数 三个参数 1 是对应的元素 2 是下标 3 是遍历的数组本身，不会修改原来的数组

二、forEach方法

下面就看看用forEach怎么写:

var arr = ['a', 'b', 'c', 'd']
arr.forEach(function (val, index, arr)
{
 console.log('index:'+index+','+'val:'+val) // val是当前元素，index当前元素索引，arr数组
 console.log(arr)
});

输出内容如下：

三、map方法

map可以理解为映射，实际上会产生一个新的数组，直接上代码：

var arr=["a","b","c","d"];
var newArray = arr.map(function (value) {
 return value+"-1";
});
console.log(newArray)

输出新的数组，内容如下：

四、js foreach和map区别：

forEach用于遍历数组本身，而map则是生成一个新的数组。