在工作中對對象的克隆在所難免扎酷，現(xiàn)在就總結(jié)一下克隆對象的方法攘滩。
淺克隆
function shallowClone(obj) {
var newObj = {}
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
newObj[i] = obj[i]
}
}
return newObj
}
// 假設我們要克隆對象o
var obj = {
name: "lihua",
age: 46
}
var o = {
name: "liming",
age: 23,
say: function() {
console.log(this.name + this.age + "歲")
},
friends: ["lisi", "zhangsan"],
family: {
father: obj
},
reg: /\d/i
}
var cloneObj = shallowClone(o)
o.friends.push("wangwu")
console.log(o.friends === cloneObj.friends) //true
深度克隆
//判斷值的數(shù)據(jù)類型
function getValueType(value) {
var type = Object.prototype.toString.call(value)
type = type.slice(8, -1)
return type
}
function deepClone(obj) {
var newObj = {}
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
if (getValueType(obj[i]) == "Object") {
newObj[i] = deepClone(obj[i])
} else if (getValueType(obj[i]) == "Array") {
newObj[i] = obj[i].slice()
} else {
newObj[i] = obj[i]
}
}
}
return newObj
}
var cloneObj = deepClone(o)
o.friends.push("wangwu")
console.log(o.friends === cloneObj.friends) //false
console.log(o.friends) // ["lisi", "zhangsan", "wangwu"]
console.log(cloneObj.friends) //["lisi", "zhangsan"]
//對o的操作并不會影響cloneObj
其實除了以上的方法喧伞，還有一種非常簡單的克隆對象方法，但是這種方法有很大的局限性全闷，只能克隆符合json格式的數(shù)據(jù)叉寂，像函數(shù)就無法克隆。
var newObj=JSON.parse(JSON.stringify(obj));
