javascript - 完全に基本的なJavascriptリファレンスの質問

Question

Javascriptコンソールでは次のようになります。

var a = {'foo': []};
var b = {};

for (var key in a) {
   b[key] = a[key];
}

a['foo'].push(1);

console.log(b);

収量：

Object foo=[1]

aの各キーの各配列のbの値でコピーを作成したいと思います。もっと簡単な方法はありますか？

Answer 1

元のオブジェクトコンストラクターに基づいて新しいオブジェクトを作成する「クローン」関数を作成し、その元のオブジェクトのプロパティがオブジェクトの場合もクローンを作成できます。

function clone(obj){
  if(typeof(obj) != 'object' && obj != null) 
    return obj; // return the value itself if isn't an object
                // or null, since typeof  null == 'object';

    var temp = new obj.constructor();

    for(var key in obj)
        temp[key] = clone(obj[key]);
    return temp;
}


var a = {'foo': []};
var b = clone(a);

a['foo'].push(1);

console.log(b); // Object foo=[0]

Answer 2

これはディープコピーと呼ばれます。例は次の場所にあります。

• http://www.overset.com/2007/07/11/javascript-recursive-object-copy-deep-object-copy-pass-by-value/
• （ディープ）jQueryを使用して配列をコピーする

Answer 3

より簡単な方法：

var a = {'foo': []};
var b = a;

a['foo'].push(1);

console.log(b);

出力は同じです。

編集：

var a = {'foo': []};
var b = {};

for (var key in a) {
    if (a.hasOwnProperty(key)) {
        b[key] = [];
        for (var i = 0; i < a[key].length; i += 1) {
            b[key][i] = a[key][i];
        }
    }
}

a['foo'].push(1);

console.log(b);

Answer 4

これにより、コードに配列のディープコピーのサポートが追加されます。

var a = {'foo': []};
var b = {};

for (var key in a) {
   if (Object.prototype.toString.call(b[key]) === "[object Array]") {
      b[key] = a[key].slice(0);
   } else {
      b[key] = a[key];
   }
}

a['foo'].push(1);

console.log(b);