数组拷贝

最新推荐文章于 2024-06-12 00:08:45 发布

伏见伊奈里

最新推荐文章于 2024-06-12 00:08:45 发布

阅读量122

点赞数

分类专栏： JavaScript 前端综合

本文链接：https://blog.csdn.net/qq_35313994/article/details/109051794

版权

JavaScript 同时被 2 个专栏收录

38 篇文章 0 订阅

订阅专栏

前端综合

28 篇文章 0 订阅

订阅专栏

本文对比JavaScript的slice()和concat()方法，探讨它们在创建数组副本时的区别，并揭示如何进行浅拷贝。同时讲解了JSON.parse(JSON.stringify())用于对象深拷贝的方法。

摘要由CSDN通过智能技术生成

slice()方法

slice() 方法可从已有的数组中返回选定的元素。该方法并不会修改数组，而是返回一个子数组

arrayObject.slice(start,end)

let arr=[1,2,3,4,5,6,7,8,9,0];
let arr1=arr.slice(0,5);
let arr2=arr.slice();

// arr1 [1, 2, 3, 4, 5]
// arr2 [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]
arr1[2]=100

//arr1 [1, 2, 100, 4, 5]
//arr [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

concat()方法

方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本

arrayObject.concat(arrayX,arrayX,......,arrayX)

let arr=[1,2,3,4,5,6,7,8,9,0];
let arr3=arr.concat(100);
//arr3 [1, 2, 3, 4, 5, 6, 7, 8, 9, 0, 100]
let arr4=[].concat(arr)
//arr4 [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

let sArr=[{name:'lala',age:17},{name:'nainai',age:200}];
let s1=sArr.slice();
let sArr=sArr.concat()
// sArr [{name: "lala", age: 17},{name: "nainai", age: 200}]
// s1 [{name: "lala", age: 17},{name: "nainai", age: 200}]
// s2 [{name: "lala", age: 17},{name: "nainai", age: 200}]

sArr[0].age=20

// s1 [{name: "lala", age: 20}, {name: "nainai", age: 200}]
// s2 [{name: "lala", age: 20}, {name: "nainai", age: 200}]

slice()和concat()这两个方法，仅适用于对不包含引用对象的一维数组的深拷贝。拷贝之后数组各个值的指针还是指向相同的存储地址。

JSON.parse(JSON.stringify(arr))

let jArr=[{name:'lala',age:17},{name:'nainai',age:200}];
let j1=JSON.parse(JSON.stringify(jArr))

// jArr [ {name: "lala", age: 17}, {name: "nainai", age: 200}]
// j1 [ {name: "lala", age: 17}, {name: "nainai", age: 200}]

jArr[0].name="mi"

// jArr [ {name: "mi", age: 17}, {name: "nainai", age: 200}]
// j1 [ {name: "lala", age: 17}, {name: "nainai", age: 200}]