JAvascriptの深いコピーを実現する方法
5450 ワード
深いコピーとは、オブジェクトのプロパティで参照されているオブジェクトをすべて新しいオブジェクトのコピーを行い、深いコピーされたオブジェクトの参照を保証します.元のオブジェクトやオブジェクトマップ上のオブジェクトを含まず、2つのまったく異なるオブジェクトマップを分離します.
解決策は次のとおりです.
1.jqueryのextendメソッドで、オブジェクトを新しいオブジェクトにマージすると、深いコピーが返されます.2.JSONのシーケンス化を使用し、var b=JSON.stringify(a); 逆シーケンス化:JSON.parse(b);
例:
解決策は次のとおりです.
1.jqueryのextendメソッドで、オブジェクトを新しいオブジェクトにマージすると、深いコピーが返されます.2.JSONのシーケンス化を使用し、var b=JSON.stringify(a); 逆シーケンス化:JSON.parse(b);
//
var cloneObj = function(obj){
var str, newobj = obj.constructor === Array ? [] : {};
if(typeof obj !== 'object'){
return;
} else if(window.JSON){
str = JSON.stringify(obj), //
newobj = JSON.parse(str); //
} else {
for(var i in obj){
newobj[i] = typeof obj[i] === 'object' ?
cloneObj(obj[i]) : obj[i];
}
}
return newobj;
};
http://www.zhihu.com/question/23031215/answer/31944721
例:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<body>
body>
<script>
var a={q:1,w:2,m:'k'};
/*var b=a;
b.w='mm';
console.log(a);
console.log(b);*/
console.log(JSON.stringify(a));
var c = JSON.parse(JSON.stringify(a));
c.w='yy';
console.log(a); //{q:1,w:2,m:'k'};
console.log(c); //{q:1,w:2,m:'yy'};
script>
<script>
var a = {
q:1,
w:2,
e:3
}
function copyAndModify(oldObj, name, value) {
var newObj = oldObj;
newObj[name] = value;
return newObj;
}
var b = copyAndModify(a, 'q', 'q');
console.log(b);
script>
<script>
function extend(to, from) {
for (var key in from) {
to[key] = from[key];
}
return to;
};
var a = {
q:1,
w:2,
e:3
};
var b = {};
extend(b, a);
a.q = 'q';
console.log(a.q); //q
console.log(b.q); //1
script>
html>