JavaScript | for ofでオブジェクトのキー名も取得する方法

2021-11-27JavaScript オブジェクト(連想配列),JavaScript

JavaScript

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

2021-11-27JavaScript オブジェクト(連想配列),JavaScript

Posted by Yousuke.U