当前位置:首页 > 编程笔记 > 正文
已解决

js对象深拷贝汇总

来自网友在路上 170870提问 提问时间:2023-10-31 15:21:19阅读次数: 70

最佳答案 问答题库708位专家为你答疑解惑

1.for 循环实现对象的深拷贝

function copyObj(obj) {let res = {}for (var key in obj) {res[key] = obj[key]}return res
}
var obj = {name: 'renqingyue',sex: 'man',old: '18'
}
var obj2 = copyObj(obj)
obj.name = 'renyue'
console.log(obj,obj2)
//输出为 {name: "renyue", sex: "man", old: "18"} {name: "renqingyue", sex: "man", old: "18"}

同样的,只能深度拷贝对象的第一层,如果对象中的属性也是对象的话,没有办法进行深度拷贝的。嵌套的引用类型,还是会出现引用赋值的现象。

2.ES6扩展扩展运算符实现对象的深拷贝

var obj = {
name: 'renqingyue',
sex: 'man',
old: '18'
}
var {...obj2} = obj
obj.name = 'renyue'
console.log(obj,obj2)
//输出为 {name: "renyue", sex: "man", old: "18"} {name: "renqingyue", sex: "man", old: "18"}

只能深度拷贝对象的第一层,如果对象中的属性也是对象的话,没有办法进行深度拷贝的。

3.Object.assign() 对象的合并

利用Object.assign(), 第一个参数必须是空对象**

var obj = {name:'123',age:13};
var obj2 = Object.assign({},obj1);

只能深度拷贝对象的第一层,如果对象中的属性也是对象的话,没有办法进行深度拷贝的。

4.利用循环和递归的方式

function deepClone(obj, newObj) {var newObj = newObj || {};for (let key in obj) {if (typeof obj[key] == 'object') {newObj[key] = (obj[key].constructor === Array) ? [] : {}deepClone(obj[key], newObj[key]);} else {newObj[key] = obj[key]}}return newObj;
}

在循环递归中需要注意设置临界值(typeof obj[key] == ‘object’),否则会造成死循环。
循环递归可以处理对象中嵌套数组或对象的问题。

5.转换成json再转换成对象实现对象的深拷贝

var obj = {name:'123'}
var obj2 = JSON.parse(JSON.stringify(obj))

这种简单粗暴的方式有局限性,当值为undefined、function、symbol会在转换过程中被忽略。

6.第三方库

6.1使用immutable.js

immutable.js简介
适用于深拷贝较多的项目

6.2使用lodash

使用_.cloneDeep(value)函数,它会递归拷贝value(深拷贝)

var objects = [{ 'a': 1 }, { 'b': 2 }];
var deep = _.cloneDeep(objects); // 返回拷贝后的值
console.log(deep[0] === objects[0]);
// => false
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"js对象深拷贝汇总":http://eshow365.cn/6-28755-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!