スプライス後に「console.log」に異なる配列の長さとオブジェクト値が表示されるのはなぜですか?

オブジェクトと Console.log の奇妙な動作

提供されたコードは、Chrome コンソールで独特の出力を示します。要素を結合する前後で 5 つのオブジェクトの配列が表示され、長さが異なる値を示すのはなぜですか?

説明:

Console.log はオブジェクト検査を非同期的に処理します。 。コンソールはオブジェクトへの参照をすぐに受け取りますが、展開されるまでそのプロパティは表示されません。展開前にオブジェクトが変更された場合、表示されるデータには更新された値が反映されます。

Chrome コンソールの動作:

Chrome コンソールは、この動作を「i」で示します。ボックスにカーソルを置くと、次のメッセージが表示されます。「左のオブジェクト値はログに記録されたときにスナップショットされ、下の値は評価されただけです」

問題の克服:

この問題を軽減するには、次の戦略を検討してください:

• 個々の値をログに記録します: コンソール。 log(obj.foo, obj.bar, obj.baz);
• JSON エンコードobject: console.log(JSON.stringify(obj));
• JSON を再エンコードします: console.log(JSON.parse(JSON.stringify(obj)));

JSON は関数や DOM 要素などのシリアル化できないプロパティを削除し、循環参照で失敗する可能性があることに注意してください。したがって、そのようなオブジェクトにはインテリジェントなディープ コピー バリアントを使用することをお勧めします。

以上がスプライス後に「console.log」に異なる配列の長さとオブジェクト値が表示されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。