javascript中json或数组深拷贝解决方法及实例

深拷贝一级(json,数组)

1. 三个点(...)---ES6

 let arr = { a:1, b:2 }
 let arr2 = { ...arr }
 arr.a = 1111
 console.log(arr,arr2)
复制代码

2. Ojbect.assign(目标对象,源对象)--ES6

let arr = { a:1, b:2 }
let arr2 = Object.assign({},arr)
arr.a = 1111
console.log(arr,arr2)
复制代码

深拷贝多级(json,数组)包含只有一级

1.简单直接点的 JSON.parse(JSON.stringify(对象))

let arr = { a: { age: 12 }, b:2 }
let arr2 = JSON.parse(JSON.stringify(arr))
arr.a.age = 18
console.log(arr,arr2)
复制代码

2.自定义一个函数实现深度拷贝

function copy(obj){
	/**
		只需要三步就ok
		第一步: 使用typeof判断obj是否是一个对象
		第二步: 初始化一个新的对象(使用obj.constructor判断是数组还是json)
		第三步: 遍历对象 将每一个元素是基本数据类型的赋值给新的对象，否则递归此方法
	*/

	if(typeof obj !== 'object'){
		return
	}
	let newobj = obj.constructor === Array ? [] : {}
	for(let i in obj){
		newobj[i] = typeof obj[i] === 'object' ? copy(obj[i]) : obj[i]
	}
	return newobj
}
let arr = { a: { age: 12 }, b:2 }
let arr2 = copy(arr)
arr.a.age = 18
console.log(arr,arr2)
复制代码

3. 使用eval()函数

let arr = { a: { age: 12 }, b:2 }
let arr2 = eval("("+JSON.stringify(arr)+")")
arr.a.age = 18
console.log(arr,arr2)
复制代码

转载于:https://juejin.im/post/5cc3c3f25188252e8219d0ac