js 实现对一个对象的深拷贝
你可能以为我要来一波循环操作,对数据结构进行分析什么的,不,方法如下(仅适用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 传入字符串的话会返回一个原字符串加了双引号后的新字符串
以上