質問失礼致します。
以下のように、userLists配列の内容を書き替えて、test配列で上書いてリセットしたい場合、testを操作していないのに何故かtestの内容まで一緒に書き変わってしまいます。
原因は何故でしょうか。
初歩的な質問で失礼致します。
HTML
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8</head> 9<body> 10 <button id="btn">click</button> 11 <script> 12 let test = [ 13 { id: 2} 14 ] 15 let userLists = [ 16 { id: 2} 17 ] 18 19 document.getElementById('btn').addEventListener('click',() => { 20 userLists[0].id += 1; 21 userLists = test; 22 console.log('test',test); 23 console.log('userLists',userLists); 24 }); 25 </script> 26</body> 27</html>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。