js中map（）是否改变原数组根据官⽅⽂档的描述
map定义和⽅法
map()⽅法返回⼀个新数组，数组中的元素为原始数组元素调⽤函数处理的后值。
map()⽅法按照原始数组元素顺序依次处理元素。
注意：
map不会对空数组进⾏检测
map不会改变原始数组
arr.map(function(currentValue，index，arr),thisValue)
但是在实际应⽤中发现在便利后还是会改变原数组，经查资料发现
只有当arr为基本数据类型时，map⽅法才不会改变原始数组，arr为引⽤类型时，还是会改变原数组的：// 1、基本数据类型
let arr=[1,2,3,4,5]
let newArr=arr.map((item) => item*2)
console.log(arr); // [1,2,3,4,5]
console.log(newArr);//[2, 4, 6, 8, 10]
// 2、引⽤数据类型
let arr = [{ key1: '111' }, { key1: '222' }]
let newArr=arr.map((item) => {
item.key2='ceshi';
return item;
})
console.log(arr);
// [{key1: "111", key2: "ceshi"},{key1: "222", key2: "ceshi"}]
js的基本数据类型
console.log(newArr);
// [{key1: "111", key2: "ceshi"},{key1: "222", key2: "ceshi"}]
如何避免这种问题呢？
通过⼀个新的对象去接收每⼀个元素，修改后，返回该对象
let arr = [{ key1: '111' }, { key1: '222' }]
let newArr=arr.map((item) => {
let obj={...item,key2:'xinzeng'}
return obj;
})
console.log(arr);//原数组不变化
// [{ key1: '111' }, { key1: '222' }]
console.log(newArr); //返回的新数组发⽣变化
// [{ key1: '111' ,key2: "xinzeng"}, { key1: '222' ,key2: "xinzeng"}]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。