「削除」はどのようにjavascriptで機能しますか？

Question

私はjs 'delete'演算子と少し混乱しています。この場合

例えば

var data = { 
    list : [a, b, c] 
} 
var temp = data; 

console.log(temp.list[2]); //Result 'c' 
console.log(data.list[2]); //Result 'c' 

delete temp.list[2]; 

console.log(temp.list[2]); //Result undefined 
console.log(data.list[2]); //Result undefined why? 

、 は、私はちょうどのみtemp.list[2]を削除したが、data.list[2]も同様に未定義を示しています。

演算子トレースの配列アドレスを '削除'してデータを削除しますか？ その理由はdata.list[2]も未定義ですか？ （data.list[2]には実際のデータではなくアドレスがあるので） 説明があると思います。手伝って頂けますか？

Answer 1

参照型

var data = [] ==> instance 
var temp = data; ==> data reference 

get temp ==> return data 

// shallow copy !!! 
var temp = Object.assign([], data); ===> instance 



console.log(temp.list[2]); //Result undefined 

console.log(data.list[2]); //Result c 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Answer 2

JSの複合型は、明示的にコピーしない限り、参照渡しされます。

Answer 3

は、他の人が投稿したすべての偉大な参照をチェックしてください。しかし、簡単な解決策として、ES6スプレッド演算子を使用してコピーを作成します。

var data = { 
    list : ["a", "b", "c"] 
    } 
    var temp = {...data}; // this is now a copy not a reference 

これは、削除問題をイマイチつまり

More on the spread operator

は、コピーの問題対その参照が

Answer 4

あなたの質問はいくつかのトピックに触れる：

は

まず、delete演算子は、指定されたプロパティを削除します配列から要素を削除する場合は、配列の長さには影響しません。

let trees = ['redwood', 'bay', 'cedar', 'oak', 'maple']; 
delete trees[3]; 
alert(trees.length); //shows 5 

これが必要でない場合は、代わりにspliceメソッドを使用することを検討してください。それは本当に強力であり、要素を削除するためだけでなく使用することができます。

let trees = ['redwood', 'bay', 'cedar', 'oak', 'maple']; 
trees.splice(3, 1); 
alert(trees.length); //shows 4 

第二には、誰もがすでに述べたように、var temp = data;があなたのオブジェクトのコピーを作成しません、それだけでコピー参照です。あなたのオブジェクトの完全同一の浅いクローンを作成するには、次のように書くことができます：

は

let clone = Object.create(Object.getPrototypeOf(obj), 
    Object.getOwnPropertyDescriptors(obj)); 

この呼び出しは、すべてのプロパティを含むOBJの真の正確なコピーを、作る：可算・非可算、データの性質とセッター/ゲッター - すべての場合、Object.assign()メソッドは、ソースオブジェクトからターゲットオブジェクトに列挙可能なプロパティと自身のプロパティのみをコピーする場合