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

 分类:js知识时间:2022-06-01点击:

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)
});

输出内容如下:

js foreach和map区别

三、map方法

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

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

输出新的数组,内容如下:

js foreach和map区别

四、js foreach和map区别:

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

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: