JavaScript | for ofでオブジェクトのキー名も取得する方法
JavaScriptのfor of文を使ってオブジェクト（連想配列）の繰り返し処理中にキー名も取得する方法を紹介しています。
for of文でオブジェクトのキー名も取得する方法
for of文の中でキー名と値をセットで取得するにはObject.entries()メソッドを利用します。
const obj = {'apple': 100, 'banana': 150, 'pine' : 200};
for (const [key, value] of Object.entries(obj)) {
console.log(key, value);
}鉤括弧[]を使ってキー名、値の順に処理内の変数名を指定、Object.entries()で対象のオブジェクトを指定します。
上記サンプルコードの場合、コンソールログに以下の結果を返します。
apple 100
banana 150
pine 200また、Object.entries()は通常の配列でもエラーにはならず、機能します。
const obj = [100, 200, 300];
for (const [key, value] of Object.entries(array)) {
console.log(key, value);
}上記サンプルコードの通常の配を指定した場合、コンソールログに以下の結果が表示されます。
0 100
1 200
2 300