天天看點

javascript深度克隆

javascript深度克隆

函數

利用遞歸

//----函數----------
function clone(obj) {
	let result =  obj instanceof Array ? [] : {}
	for (let key in obj) {
		if(obj[key] instanceof Array) {
			result[key] = clone(obj[key])
		} else if (obj[key] instanceof Object) {
			result[key] = clone(obj[key])
		} else {
			result[key] = obj[key]
		}
	}
	return result
}
           

對象測試

//----對象測試----------
//let obj = {a:"aa", b: {b1: "b1", b2: {b21: "b21"}}}
let obj = {a:"aa", b: {b1: "b1", b2: {b21: "b21"}}}
let obj2 = clone(obj)
obj2.b.b2.b21 = "999999999999"
console.log(obj) //不會被改變
console.log(obj2)
           

數組測試

//----數組測試----------
let arr = ["a", {b1: "b1"}]
let arr2 = clone(arr)
arr2[1].b1 = "9999999999999"
console.log(arr)  //不會被改變
console.log(arr2)
           

繼續閱讀