ES6 array.map()用法

博客介绍了对数组元素处理得到新数组的方法,其特点是不改变原有数据结构和数据。列举了.map()方法及类似的for in、for、foreach方法的处理结果,并对比了.map()方法与其他方法的差异,如.map()用return回调、直接操作元素返回等长数组且不检测空数组。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

定义:对数组中的每个元素进行处理,得到新的数组;

特点:不改变原有数据的结构和数据

const array = [1, 3, 6, 9];
const newArray = array.map(function (value) {
  return value + 1;
});
console.log(newArray);
console.log(array);

还有一种另外的写法,使用箭头函数
const array = [1, 3, 6, 9];
const newArray = array.map(() => {return value + 1 });
console.log(newArray);
console.log(array);

结果:

[2, 4, 7, 10]

[1, 3, 6, 9]

 类似方法: for in , for , foreach

const newArray2 = [];
for (var i in array) {
  newArray2.push(array[i] + 1);
}
 
const newArray3 = [];
for (var i = 0; i < array.length; i++) {
  newArray3.push(array[i] + 1);
}
 
const newArray4 = [];
array.forEach(function (key) {
  newArray4.push(key * key);
})
 
console.log(newArray2);
console.log(newArray3);
console.log(newArray4);
console.log(array);

结果:

[2, 4, 7, 10]

[2, 4, 7, 10]

[2, 4, 7, 10]

[1, 3, 6, 9]

对比:

1、.map()方法使用return,进行回调;其他方法可不需要。

2、.map()方法直接对数组的每个元素进行操作,返回相同数组长度的数组;其他方法可扩展数组的长度。

3、. map() 不会对空数组进行检测。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值