微信小程序JS数组作业新手踩坑记

微信小程序JS数组作业新手踩坑记

无论是=，还是concat，还是es6的[…arr]，还是新[]的push，全都是地址引用，不是全新的对象，只有通过json转换才是全新的对象。
特别注意console.log对象。

随便整个新页面，在js里测试：
//首先原始数据：
var arr = new Array();
var ob = new Object();
ob.num = 0;
arr.push(ob);
//然后用下面四种克隆方法：
var arr111 = arr.concat();
var arr222 = […arr];
var arr333 = new Array();
for (let i = 0; i < arr.length; i++) {
arr333.push(arr[i]);
}
var arr444 = JSON.parse(JSON.stringify(arr))
//最后改变原始数据前后打印：
console.log(‘arr:’, arr, arr[0].num);
console.log(‘arr111:’, arr111, arr111[0].num);
console.log(‘arr222:’, arr222, arr222[0].num);
console.log(‘arr333:’, arr333, arr333[0].num);
console.log(‘arr444:’, arr444, arr444[0].num);
arr[0].num = 11111;
console.log(‘arr:’, arr, arr[0].num);
console.log(‘arr111:’, arr111, arr111[0].num);
console.log(‘arr222:’, arr222, arr222[0].num);
console.log(‘arr333:’, arr333, arr333[0].num);
console.log(‘arr444:’, arr444, arr444[0].num);

//直接看打印的最后一个值，会发现除了json转换的arr444，其他数组的值都跟着变了，不过发现变更前的打印值还是正确的。
//但是、但是，因为设计中可能会改变数组中多个key的值，所以我喜欢在某些环节打印整个对象，然后调试时来观察这个环节的时候，整个对象的多个key的值。
//结果、结果，当我 点开变更前打印的数组对象，展开这个对象时，发现、发现，里面居然是变更后的num值。只有json转换的对象展开后才是当时没变更的num值。