Js的map方法是否会改变原数组?

这篇博客探讨了JavaScript的map方法在处理数组时的行为,包括基础类型和引用类型数组的区别。对于基础类型数组,map方法不会改变原始数组;而对于引用类型数组,如果在映射函数中直接修改元素,原始数组将受到影响。为了避免这种情况,可以使用浅拷贝创建新对象。文章通过实例展示了如何正确使用map方法来确保原始数组不被修改。
摘要由CSDN通过智能技术生成

map()为操作数组的一种方法,官方文档显示:

  1. map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

  2. map() 方法按照原始数组元素顺序依次处理元素。

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

  4. 注意: map() 不会改变原始数组。

官方文档中的说法并非十分准确,在实际的开发中需要依据不同的数据做不同的处理。

当数组为基础类型时原数组不变:

    let array=[1,2,4,6]
    let newArray=array.map((item) => item*2)
    console.log(array); // [1,2,4,6]
    console.log(newArray);//[2, 4, 8, 12]

当数组为引用类型时原数组发生改变:

    let array = [{ name: 'Anna'}, { name: 'James'}]
    let newArray=array.map((item) => {
      item.like='eat';
      return item;
    })
    console.log(array); // [{ name: 'Anna', like: "eat"},{ name: 'James', like: "eat"}]
    console.log(newArray);//[{ name: 'Anna', like: "eat"},{ name: 'James',like: "eat"}]

避免原数组发生改变:

    let array = [{ name: 'Anna'}, { name: 'James'}]
    let newArray=array.map((item) => {
      const obj = { ...item, like:'eat'};
      return obj;
    })
    console.log(array); // [{ name: 'Anna'},{ name: 'James'}]
    console.log(newArray);//[{ name: 'Anna', like: "eat"},{ name: 'James', like: "eat"}]
  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值