オブジェクトの配列の配列を新しい配列に割り当てます。

Question

オブジェクトの配列を別の配列に割り当てようとしていますが、新しい配列を作成したときにその値を変更すると、元の配列も変更されますよくない）。別の方法を使うことができますか？ これは例です。http：//codepen.io/Xiwi/pen/rLMbYp

Answer 1

参照を変更しないように、配列をコピー/クローンする必要があります。あなたは、このように行うことができます配列にのみPrimitive Typesをお持ちの場合は

は：

var test3 = JSON.parse(JSON.stringify(test2)); 

そうでなければ、再帰的なソリューションを必要とし、あなたの質問でより具体的に。

例：

var test1 = [{name: 'test1'}]; 
 
var test2 = [{name: 'test2'}]; 
 
var test3 = JSON.parse(JSON.stringify(test2)); 
 

 
test3[0].name = 'test3'; 
 

 
// Open console 
 
console.log('Test2: ',test2[0]); // Object {name: "test2"} 
 
console.log('Test3: ',test3[0]); // Object {name: "test3"}

Answer 2

オブジェクトは、本質的に言及しています。あなたは、新しいオブジェクトを作成し、別のオブジェクトの値を割り当てる必要があります。

var test3 = [ Object.assign({}, test2[0]) ]; 

Answer 3

は、別のオブジェクトの1つの配列をコピーする簡単な.mapを使用してください。私は信じてあなたがシリアライズする必要はありません

var test1 = [{name: 'test1'}]; 
var test2 = [{name: 'test2'}]; 
//var test3 = test2.slice(0); //doesn't work. objects are still references 
var test3 = test2.map(function(obj){ 
    //return obj; //doesn't work. objects are still references 
    var o={}; //create brand new object 
    for(var prop in obj) 
    o[prop]=obj[prop];//assign properties 
    return o;//works 
}); 

test3[0].name = 'test3'; 

// Open console 
console.log('Test2: ',test2[0]); 
console.log('Test3: ',test3[0]);