您的位置:首页 > Web前端 > JavaScript

js对象的深拷贝总结

2019-08-01 00:04 981 查看

1. 简单实现方法

JSON.stringfy()和JSON.parse 即可搞定,但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略。。。所以,对象值有这三种的话用这种方法会导致属性丢失。

var syb = Symbol('obj');
var person = {
name :'tino',
say: function(){
console.log('hi');
},
ok: syb,
un: undefined
}
var copy = JSON.parse(JSON.stringify(person))
// copy
// {name: "tino"}

2. 递归复制

function deepCopy(obj) {
var result = Array.isArray(obj) ? [] : {};
for (var key in obj) {
if (obj.hasOwnProperty(key)) {
if (typeof obj[key] === 'object' && obj[key]!==null) {
result[key] = deepCopy(obj[key]);   //递归复制
} else {
result[key] = obj[key];
}
}
}
return result;
}

3,补充说明

  1. jquery的一个函数就搞定了: $.extend(true, target, source);
  2. 还有一些Object.assgin(), 数组的slice()这些,这些只深复制了基本类型数据类型,不是真正意义的深复制;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: