JS在复制对象的时候,复制的是指针。有复制关系的两个对象,一个改变时另一个的值也跟着变了。数组也是对象,也存在这种现象。
实现对象的非指针复制的最简单方法:
var obj2 = JSON.parse(JSON.stringify(obj1));
原理就是利用JSON方法,先将对象obj1转成字符串,再解析为对象赋值给obj2。这样obj1和obj2就指向内存中的不同对象了,虽然值一样,但是检测 obj1==obj2 得到 false 。
题外话:对象和数组的相等判断,得到的结果不是字面量一不一样,而是其指针是否指向同一个对象地址。
为了让方法更有普适性,可以写成下面这样:
function copy(obj){
var newObj = "";
if(typeof obj=="object"){
newObj = JSON.stringify(obj);
return JSON.parse(newObj);
}else{
return newObj;
}
}
var obj1 = {a:1, b:2};
var obj2 = copy(obj1);
obj2.a = 11;
console.log(obj1.a); // 1
obj1 == obj2; // fasle
另一种方法,是利用遍历,查询所有属性并单独复制。这需要区分数组和对象,为了进行深度复制,还需要进行递归:
function copy(obj) {
if (obj instanceof Array == true) {
var newObj = [];
for (var i = 0; i < obj.length; i ) {
newObj[i] = obj[i];
}
return newObj;
} else if (typeof obj == "object" && obj != null) {
var newObj = {};
for (var i in obj) {
if (typeof obj[i] == "object") {
newObj[i] = copy(obj[i])
} else {
newObj[i] = obj[i];
}
}
return newObj;
} else {
return obj;
}
}
更多专业前端知识,请上 【猿2048】www.mk2048.com