js数组使用map遇到的问题

js数组使用map遇到的问题

1.当数组元素为基本类型时

let arr = [1,2,3,4]
let arr2 = []
arr2 = arr.map(item=>{
    item = item*3
    return item
})

console.log(arr)// [1,2,3,4]
console.log(arr2)// [3,6,9,12]

2.当数组元素为引用类型时

let arr = [{value:1},{value:2},{value:3}]
let arr2 = []
arr2 = arr.map(item=>{
    item.value = item.value*3
    return item
})
console.log(arr)// [{"value":3},{"value":6},{"value":9}]
console.log(arr2)//[{"value":3},{"value":6},{"value":9}]

改写方法：通过一个新的对象去接收每一个元素，修改后，返回该对象

let arr = [{value:1},{value:2},{value:3}]
let arr2 = []
arr2 = arr.map(item=>{
     let obj = {...item}
    obj.value = obj.value*3
    return obj
})

console.log(arr)// [{"value":1},{"value":2},{"value":3}]
console.log(arr2)//[{"value":3},{"value":6},{"value":9}]

原文：(6条消息) js中map()是否会改变原数组_周末笔记的博客-CSDN博客