关于#数组#传值传址问题

Question

问题遇到的现象和发生背景

给某个活动数组添加属性，从配置a_data中动态设置属性

问题相关代码，请勿粘贴截图

const a_data = [{
data: 55,
id: 1
}, {
data: 66,
id: 2
}, {
data: 77,
id: 2
}];
let tobj = [{
r_id: 2
}];
if (!tobj[0].slot) {
tobj[0].slot = a_data.filter(e => e.id == tobj[0].r_id);//理论上来说，filter返回的应该会是一个新的数组
}
tobj[0].slot.map(e => {
if (e.data > 70) {
e.test_data = {
p: 1
};
Object.assign(e.test_data, {
n: 2
});
}
return e;
})
console.log(tobj);
console.log(a_data);//神奇的发现常量a_data的数组data>70对象里多了一个test_data的属性

运行结果及报错内容

常量a_data的数组data>70对象里多了一个test_data的属性

我的解答思路和尝试过的方法

我想要达到的结果

我只想改变tobj[0].slot的值，不想改变a_data，但是无论我[].concat还是slice(0)，都会改变掉a_data的属性

Answer 1

 if (!tobj[0].slot) {
      // tobj[0].slot = a_data.filter((e) => e.id == tobj[0].r_id)
      tobj[0].slot = JSON.parse(
        JSON.stringify(a_data.filter((e) => e.id == tobj[0].r_id))
      ); //理论上来说，filter返回的应该会是一个新的数组
    }

把你这个方法 改一下，赋值的时候做一个深拷贝就可以了