这篇文章主要讲解了JS数组和对象的深拷贝操作的实例分析，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
公司主营业务：成都网站设计、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出安阳县免费做网站回馈大家。
本文实例讲述了JS 数组和对象的深拷贝操作。分享给大家供大家参考，具体如下：
一.数组的深拷贝
let arr = [
undefined,
function(){
console.log(123);
},
true,
null,
{
name:"123",
age:23
}
];
// arr作为拷贝对象1. Array.from()
Array.from()能将一个类数组转化成一个真正的数组，因此它返回的是一个新数组。
let arr1 = Array.from(arr);
arr[0] = 2;
console.log(arr1);
// [ undefined, [Function], true, null, { name: '123', age: 23 } ]2. Object.assign()
let arr1 = Object.assign([], arr)
arr[0] = 2;
console.log(arr1);
// [ undefined, [Function], true, null, { name: '123', age: 23 } ]此方法也可用作对象的深拷贝
3. Slice()
let arr1 = arr.slice(0);
arr[0] = 2;
console.log(arr1);
// [ undefined, [Function], true, null, { name: '123', age: 23 } ]4. Concat()
let arr1 = arr.concat();
arr[0] = 2;
console.log(arr1);
// [ undefined, [Function], true, null, { name: '123', age: 23 } ]5. 扩展运算符深拷贝
// let [...arr1] = arr; // 这两种都可以
let arr1 = [...arr];
arr[0] = 2;
console.log(arr1);
// [ undefined, [Function], true, null, { name: '123', age: 23 } ]此方法也可用作对象的深拷贝
二.对象的深拷贝
let obj = {
name: "a",
age: 20,
sex: false,
user: {
a: 20,
n: "b"
},
f: function(){
return 1;
},
u: undefined,
n: null
}用扩展运算符和Object.assign()方法可以深拷贝对象
let obj1 = Object.assign({}, obj)
obj[age] = 2;
console.log(obj1);
// let obj = { name: "a", age: 20, sex: false,user: {a: 20,n: "b},f: function(){return 1;},u: undefined,n: null}看完上述内容，是不是对JS数组和对象的深拷贝操作的实例分析有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。
网页名称：JS数组和对象的深拷贝操作的实例分析
文章来源：
http://www.cdkjz.cn/article/jsgcsi.html
