前提
オブジェクトを更新しても、更新の前後の値をコンソールで確認したいです。
該当のソースコード
JavaScript
// 初期値 const obj = {id:1}; // 確認 // console.log( 'obj(初期値) = ', obj ); // この位置なら問題なく初期値が確認できる // 更新 obj.id = 2; // 確認 console.log( 'obj(初期値) = ', obj ); // この位置だと初期値でなく更新値になってしまう console.log( 'obj(更新値) = ', obj2 );
実現したいこと
コンソールで、初期値と更新値を次のように確認したいです。
console
obj(初期値) = {id: 1} obj(更新値) = {id: 2}
発生している問題
しかし、次のように更新値だけになってしまいます。
console
obj(初期値) = {id: 2} obj(更新値) = {id: 2}
試したこと
まず// この位置なら問題なく初期値が確認できる
の位置では問題なく初期値が確認できました。
そのためその直後の行で// 別名で再代入
して、それをコンソールに出したのですが、// やはり更新値になってしまう
という状況です。
JavaScript
// 初期値 const obj = {id:1}; // 確認 // console.log( 'obj(初期値) = ', obj ); // この位置なら問題なく初期値が確認できる const obj1 = obj; // 別名で再代入 // 更新 obj.id = 2; // 確認 console.log( 'obj(初期値) = ', obj1 ); // やはり更新値になってしまう console.log( 'obj(更新値) = ', obj2 );
どのようにすれば、コンソールで、初期値と更新値を確認できるでしょうか?
ご回答宜しくお願い致します。
まだ回答がついていません
会員登録して回答してみよう