JavaScript - ネストされた for ループ

Question

2 つの for ループのネストされた出力によって出力される addLocationMsg の長さは 1 です。次の console.log('aaaaaa') は確かに 2 回出力されます。この問題の原因は何かわかりますか?理由

Answer 1

既存のエラーは、未定義、location およびzonesName が初期化されていないというものであり、これら 2 つのプロパティの値をデバッグして確認するためにブラウザを使用することをお勧めします。初期化されていないかどうか、

Answer 2

ループの前後に this.addLocationMsg を出力すると、その内容にどのような変更が加えられたかを確認できます。ブレークポイントを置くだけでわかります。

Answer 3

locationList は動的に変更されるので、外側のループに配置する必要があると考えましたが、push にも問題があり、未定義がプッシュされるため、次のエラーが表示されます。

Answer 4

最後の行、ループされたオブジェクトはループ中に変更されます

Answer 5

vue フレームワークを使用しましたか?