首页 > 技术文章 > js 实现对一个对象的深拷贝

blackbentel 2019-08-15 11:51 原文

你可能以为我要来一波循环操作,对数据结构进行分析什么的,不,方法如下(仅适用json那样的对象或者数组,如果对象或者数组中有类似Date,Function这种是不适用的(推荐插件lodash的cloneDeep)

1 const obj = {
2   key1: 'value1',
3   key2: 'value2',
4   key3: ['index1'],
5   key4: {
6     subKey1: 'subValue1'
7   }
8 }
9 const obj2 = JSON.parse(JSON.stringify(obj))

示例中  obj2  就是对  obj  进行深拷贝后的到的对象

此方法存在一定弊端,就是如果  JSON.parse() 方法中传入的不是一个 JSON 字符串的话会报错,影响之后的代码执行,所以我们要对其进行处理下,如下

1 try {
2   const obj2 = JSON.parse(JSON.stringify(obj))
3 } catch (error) {
4   const obj2 = {}
5 }

附加   JSON.stringify  用法示例, JSON.stringify  会将传入的参数转成字符串,如果是数组或对象的话,会将其平铺开来转成字符串,示例如下

* 注意:  JSON.stringify 传入字符串的话会返回一个原字符串加了双引号后的新字符串

以上

推荐阅读