非指针 复制对象和数组的两种方法
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; } }