有两种数组拷贝类型:浅拷贝 & 深拷贝。浅拷贝只会拷贝数组的第一层,剩下的会引用。如果你需要一个嵌套的数组的拷贝,那需要你去深度拷贝这个数组。深拷贝,选择JSON方法或者Lodsh库吧
const numbers = [1, [2], [3, [4]], 5]; // Using JavaScript JSON.parse(JSON.stringify(numbers)); // Using Lodash _.cloneDeep(objects);
数组是引用类型
为了搞清楚为什么有两种类型的拷贝,我们来深度了解一下基础知识然后解释什么是引用类型。
与原始类型(number、string)不同,数组是引用类型。这意味着当你把一个数组赋值给一个变量,你是将数组的内存地址而非数组本身赋给变量。
拷贝值类型
这里没什么大不了的,我们创建一个value的拷贝。当我们改变valueCopy的值,它不会影响原来的value值。同理,当我们改变原来的值它也不会影响拷贝后的值。很好"htmlcode">
let value = 3; let valueCopy = value; // create copy console.log(valueCopy); // 3 // Change valueCopy valueCopy = 100 console.log(valueCopy); // 100 // "htmlcode">let array = [1,2,3]; let arrayCopy = array; // create copy console.log(arrayCopy); // [1,2,3]; // Change 1st element of the array arrayCopy[0] = '"htmlcode">let array = [1,2,3]; let arrayCopy = [...array]; // create TRUE copy console.log(arrayCopy); // [1,2,3]; // Change 1st element of the array arrayCopy[0] = '"htmlcode">let nestedArray = [1, [2], 3]; let arrayCopy = [...nestedArray]; // Make some changes arrayCopy[0] = '"htmlcode">let nestedArray = [1, [2], 3]; let arrayCopy = JSON.parse(JSON.stringify(nestedArray)); // Make some changes arrayCopy[0] = '"htmlcode">const deepClone = obj => { const isObject = args => (typeof args === 'object' || typeof args === 'function') && typeof args !== null if (!isObject) throw new Error('Not Reference Types') let newObj = Array.isArray(obj) ? [...obj] : { ...obj } Reflect.ownKeys(newObj).map(key => { newObj[key] = isObject(obj[key]) ? deepClone(obj[key]) : obj[key] }) return newObj }文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,
最新资源
- 银霞.1982-《结·SAYYESMYBOY》台湾复刻版[WAV+C
- 梁汉文1993-火热动感[引进版][WAV+CUE]
- 梁汉文2008-EDMONDHITS48[香港]3CD[WAV+CUE]
- 国风大师纯音系列《童丽-[渭城曲]》1CD[WAV分轨
- 国风大师纯音系列《许菱子《烧筝2》古筝曲集》1
- 王子异《1996 Part.2》[320K/MP3][18.29MB]
- 群星.1994-宝丽金最倾情3CD【宝丽金】【WAV+CUE
- 乐俊亨.2024-同泪【CharioticMusic】【FLAC分轨
- 何耀珊.2006-收获【华纳】【WAV+CUE】
- 梁汉文1994-壹精选[华星][WAV+CUE]