无论是=,还是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值。