JavaScriptの内部で変数が定義されていませんFor-Inループ

Question

for..in構文を使用してJavaScriptオブジェクトをループするときに、この困惑のエラーが発生しました。

{ 
    "12345678" : { 
    ... 
    }, 
    "12345679" : { 
    ... 
    }, 
    "12345680" : { 
    ... 
    } 
} 

多分それは重要、このオブジェクトは応答のビルトイン.val()方法を使用してFirebaseデータベースから取得されています。私はこれに似たダミーデータのセットを持っています。これは通常のjsオブジェクトです。

しかし、オブジェクトをトラバースするとき、がの内側にあると宣言された変数は、何らかの形で定義されていません。ループを除くすべてのコードを削除しましたが、エラーが発生します。

私は本当に困惑しています。これはどのように可能ですか？私はfor..inに渡された変数がループ内で常に利用可能（または少なくとも定義済み）であると考えました。

Answer 1

、あなたはおそらくkeyを定義する必要があります。それ以外の場合は、（おそらく）グローバル変数を定義します。グローバル変数は正しく動作する場合と動作しない場合があります。また、あなたのループに表示され、無関係な特性を避けるために、hasOwnPropertyを使用します。

for (var key in data) { 
    if (!data.hasOwnProperty(key)) { 
     continue; 
    } 

    console.log(data[key]); 
} 

は詳細についてはHow do I loop through or enumerate a JavaScript object?を参照してください。

Answer 2

for..inステートメントには正しい構文を使用しないでください。 あなたは（あなたがES6を使用している場合やlet）varでkey変数を定義する必要があります。文の中でそれを使用するために：私のコメントで述べたように

for(var key in data){ 
    console.log(data[key]) 
}