js数组方法---map 与 forEach

数组方法 map —map会返回一个新的数组。
//场景1:有一个数组A,将A数组的值乘以二倍放到B数组中去。

var numbers = [1,2,3];
var doubleNum = [ ];
for(var i=0;i<numbers.length;i++ ){
doubleNum.push(numbers[i] *2)
}
for (var i=0;i<doubleNum.length;i++){
console.log(doubleNum[i]) //2,4,6
}

//使用es6方法map
let double = numbers.map(item => {
return item * 2;
})
console.log(double) //[2,4,6]

//场景2:有一个数组A,将A数组中对象某个属性的值存储到B数组中。

let cars = [
{ model:'bmw',price:'expensive'},
{model:'byd',price:'cheap' }];
let prices = cars.map(function(car){
return car.price;
})
console.log(prices) //['expensive','cheap']

总结 : map需要返回值,如果不给return，默认返回undefined。
map返回的是一个新的数组。
//-------------------------------------------------------------------------------------------
1.关于forEach()
敲黑板：没有返回值！！！！
注意：forEach对于空数组是不会调用回调函数的。
**forEach 这个方法只是将数组中的每一项作为callback的参数执行一次 **
forEach() 数组中有几项，那么传递进去的匿名回调函数就需要执行几次,理论上这个方式是没有返回值的，只是遍历数组中的每一项，不对原来数组进行修改

能用forEach()做到的，map()同样可以。反过来也是如此。
map()会分配内存空间存储新数组并返回，forEach()不会返回数据。
forEach()允许callback更改原始数组的元素。map()返回新的数组。

最后

以上就是风趣蜗牛为你收集整理的js数组方法---map 与 forEach的全部内容，希望文章能够帮你解决js数组方法---map 与 forEach所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。