学ぶ for...inループによるオブジェクトプロパティの反復処理

メニューを表示するにはスワイプしてください

このセクションでは、オブジェクト操作の高度な概念について解説します。特に、オブジェクトの反復処理や、JavaScriptが提供するオブジェクト操作に役立つメソッドについて取り上げます。

for...in ループ

オブジェクトのプロパティを操作する際、またそれらを反復処理する際には、for...in ループを使用できます。このループを利用することで、オブジェクトを走査し、そのプロパティや値にアクセスできます。

for...inループは、JavaScriptでオブジェクトのプロパティを反復処理するために特別に設計された構文。各プロパティ名（キー）とその対応する値にアクセスする方法を提供。

for...inループの基本構文：

for (let key in object) {
  // Code to be executed for each property
}

key: 各イテレーションで現在のプロパティ名を保持する変数；
object: 反復処理したいオブジェクト。

オブジェクトプロパティの実践的な反復処理

花を表すオブジェクトの例：

const flower = {
  genus: "Allium",
  species: "Allium sativum",
  color: "Purple",
  height: 24,
  isEdible: true,
  isBlooming: true,
};

for...inループを使ってflowerオブジェクトのプロパティを反復処理し、各プロパティ名とその値を出力する例：


              123456789101112
            
const flower = {
  genus: "Allium",
  species: "Allium sativum",
  color: "Purple",
  height: 24,
  isEdible: true,
  isBlooming: true,
};

for (let key in flower) {
  console.log(`Property: ${key}, Value: ${flower[key]}`);
}