Q&A
FireFoxではやってみていないですが、そうはならないんじゃ…。
コードと実行手順をもう一度確認してみては。
var array = ['cat', 'dog', 'bird']; console.log(array); // 結果: Array(4) ["cat", "dog", "bird", "monkey"] array.push('monkey'); console.log(array); // 結果: Array(4) ["cat", "dog", "bird", "monkey"]
<!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script src="js/app.js"></script> </body> </html>
最初のlog()では「Array(3) ["cat", "dog", "bird"]」になると思うのですが、
どうしてこのような挙動になってしまうのでしょうか？
ブラウザはFireFoxを使っています。
回答2件
0
ベストアンサー
console.log()で出力された配列やオブジェクトは、出力された時点ではなくて、▼を開いた時点での値が表示されます。
これにより、ログを記録した瞬間の obj の値を確実に見ることができます。こうしないと、多くのブラウザーでは値が変化したときに常に更新されるライブビューになります。これは望むことではないかもしれません。
投稿2021/09/18 09:48
総合スコア36960
0
このあたりの情報を見てみてください。
【console.log の落とし穴：console.log にはオブジェクトの参照が渡るので気を付けよう - Qiita】
https://qiita.com/POPOPON/items/edc7a522d2ee9a50cc3a
console.log()に大きなオブジェクトを渡すとコンソール上で省略されて表示されますが、その省略表示を展開すると、
console.log()が呼び出された時点の値ではなく、
展開したその時点で評価した値が表示されます。
【JavaScript - console.log()で出力した値が、変わるのはなぜ？｜teratail】
https://teratail.com/questions/61338#reply-97357
投稿2021/09/18 09:47
総合スコア69606
あなたの回答
tips
プレビュー
