非指針 復制對象和數組的兩種方法
阿新 • • 發佈:2017-12-23
就是 parse 不同 func 另一個 script 但是 還需 ring
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; } }
非指針 復制對象和數組的兩種方法