このJS DOMコードの意味は何ですか？

Question

JS DOMメソッドを見つけるためにこの関数が見つかりました。しかし、私はそれの背後にある論理を理解することができませんでした。

for (var l in document.body){ 
    console.log("document."+l+":"+document.body[l]); 
} 

var1とは何ですか？それはdocument.bodyが配列で、配列を繰り返しているようです。しかし、何か変わったようです。上記のコードでは、forループ内に "1"と "："の前後に空白を挿入すると、異なる結果が表示されます。 （これは文字列として "1"を追加しています）。スペースがなければ、プロパティ名とメソッド名が返されます。

誰かが私にコードの意味を壊すことができますか？ありがとう。

Answer 1

これはfor ... in loopです。

var1は何を意味していますか？

あなたがループの周りに行くたびに、オブジェクト（document.body）の異なる性質は、（小文字Lない数字です）変数lに割り当てられます。

変数名を文字列に置き換えると、プロパティ名ではなく文字列のリテラル値が使用されます。それは配列ではない配列

を反復

、それは（より具体的HTML body element object）オブジェクトです。