JavaScriptで `for..of`を使用してキー/値を取得する

Question

私はちょうどfor...ofで遊んでいました。ループしているエンティティのキ​​ーと値の両方を取得する方法が直感的でした。 ：

for (var divEntries of Array.from(document.querySelectorAll('div')).entries()) { 
    console.log(divEntries[0]); // Key 
    console.log(divEntries[1]); // Value 
} 

これは、エントリの配列位置を使用するよりも少し意味があるでしょうか？

Answer 1

明確な方法はDestructuring assignment

for (let [key, value] of Array.from(document.querySelectorAll('div')).entries()) { 
    console.log(key); 
    console.log(value); 
} 

MDNが消滅有する例を含むfor...ofを使用することができる方法についての例のリストを持っているを使用してだろう。

Answer 2

はい、ループヘッダに非構造を用いることがより慣用的である：

for (let [index, value] of Array.from(document.querySelectorAll('div')).entries()) { 
    console.log(index); // Key 
    console.log(value); // Value 
}