JavaScript / TypeScript / jQuery

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

めだま

JavaScriptでObjectをループするときのメモ
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) を取り出して、表示の際に使用してる

\ 案件のご依頼・ご相談はこちらから /