Javascriptで連想配列の各要素への処理

Reactにおいて、連想配列とObject.keys、mapを使って
プルダウンのオプションタグを生成する例。

サンプルコード

map.js

const data = {
	'book': '本',
	'phone': '電話',
	'box': '箱'
}

const options = Object.keys(data).map((value, index) => {
	return(
		<option key={index} value={index}>{value}</option>
	);
});

解説

Object.keys

連想配列のキーを取り出してArrayで返却

Array.map

Arrayの要素とキーを順番に取り出して、コールバック関数を実行