javascript - vue で、console.log によって出力される値が console.log 以降のステートメントの影響を受ける理由と、この影響を回避する方法

Question

vue では、console.log(a) によって出力される値が console.log(a) 以降のステートメントの影響を受けるのはなぜですか、またこの影響を回避する方法は何ですか

論理的にはconsole.logが2回出力する値は異なるはずですが、なぜ同じなのでしょうか？ 2 つの出力値のみが互いに干渉することはできません

リーリー

Answer 1

これはデバッグ制御の機能です。console.log が出力するものはオブジェクトのスナップショットではありません。コンソールで試すことができます

Answer 2

私の理解では、これはオブジェクトと同じように配列であるため、表示するためにメモリアドレスにアクセスします。
仕事でChromeをよく使うので console.logデバッガーでオブジェクトをクリックすると、中身は基本的に同じですが、表面的には前後の結果が違うように見えます
ただし、分解すると;ポイントしてデバッグすると、変更前と変更後は異なることがわかります。
上の写真

Answer 3

コードを直接コピーしただけで、実行しても同じです~
追加後のaは明らかに1つ増えています

Answer 4

これが簡単で楽しい解決策です:

console.log(JSON.stringify(data, null, 2))

以上です。