【JavaScript / forEach】 Objectをループしたい時

めだま

JavaScriptObjectループするときのメモ
Arrayと違ってObjectは一手間追加する

<script>
const fruitPrices = {
  "apple": 100,
  "orange": 100,
}

// fruitPrices.forEach(function (fruitPrice, index) {...})は使えない
Object.keys(fruitPrices).forEach(function (key) {
  console.log(key + "の値段は" + fruitPrices[key] + "だよ!");
});
</script>

オブジェクトは、forEachが使用できない
そのため、forEachする前にObject.keys('オブジェクト変数')を追加

Object.keys … オブジェクトからKeyを取り出すメソッド

上記ではKey (appleやorange) を取り出して、表示の際に使用してる