对象克隆

举个例子:

存在一个A对象,B克隆A

改变A的value值,B的value值也改变了,则为浅克隆,浅克隆仅仅是复制了value值,内存地址还是指向同一个内存地址的;

改变A的value值,B 的value值不随之改变,则为深度克隆,深克隆,内存地址一起复制了,即两个对象指向彼此对应的内存地址,互不影响;

1. jquery实现

var newObj = $.extend({}, obj1)

2.es6实现

var newObj = Object.assign({},obj1)

3 .小技巧,用的较多

var newObj = JSON.parse(JSON.stringify(obj1))

4.js实现

var obj1 = {

name:"zxx",

age:26,

c:{

name:"laa"

}

}

function cloneObj (obj) {

var newObj = typeof obj === 'object'? {}: [];

for (var i in obj) {

if (obj.hasOwnProperty(i)) {

newObj[i] = obj[i]

}

}

return newObj

}

 

var cloneObj = cloneObj(obj1)

 

function deepClone (obj) {

var newObj = typeof obj === 'object'? {}: [];

for (var i in obj) {

if (obj.hasOwnProperty(i)) {

newObj[i] = typeof obj[i] === 'object' ? deepClone(obj[i]): obj[i]

}

}

return newObj

}

 

var deepClone = deepClone(obj1)

 

obj1.c.name = "lcc"

 

console.log(obj1)//------"lcc"

console.log(cloneObj)//------"lcc"

console.log(deepClone)//------"laa"深拷贝,不改变,因为所指的内存地址不一样

 

 

 

你可能感兴趣的:(js)