您的位置:首页 > Web前端 > JavaScript

为什么我只改了JS数组中的一个对象的元素的值,其他对象的元素值都跟着变了

2020-04-30 12:36 1221 查看
var tmp_arr_1 = new Array();
var tmp1 = {'type':1,'plan_num':200};
tmp_arr_1.push(tmp1);
tmp_arr_1.push(tmp1);

console.log(tmp_arr_1);
tmp_arr_1[0]['type'] = '-----';
console.log('--变化一个后--');
console.log(tmp_arr_1);
return;

由于数组是引用变量 ,进行引用赋值 , 其实还是原来的数组 , 也就是说 ,我赋给tmp_arr_1,其实一直都是同一个地址里存的同一个数组 ,
所以 ,最后一次修改payArr 后 ,每个引用都一起改掉了 , 那么怎么解决呢 ?

dataList[i].payArr = JSON.parse(JSON.stringify(payArr)) ;
原理就是先把数组转换成字符串再转换成对象 ,这样会新分配一块内存新创建一个对象 ,
这是一个基础坑

var tmp_arr_2 = new Array();
var tmp1 = {'type':1,'plan_num':200};
tmp_arr_2.push(JSON.parse(JSON.stringify(tmp1)));
tmp_arr_2.push(JSON.parse(JSON.stringify(tmp1)));
console.log(tmp_arr_2);
tmp_arr_2[0]['type'] = '-----';
console.log('--变化一个后--');
console.log(tmp_arr_2);
return;

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript