for...in

フォーイン（制御構文）

意味オブジェクトのプロパティ名を取得してループ処理

for...inとは？

オブジェクトのすべての列挙可能なプロパティに対して、ループを実行する。

for...inの具体的な使い方

オブジェクトのプロパティを列挙する例

const person = {
  name: '山田太郎',
  age: 30,
  job: 'エンジニア'
};

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

👇出力結果

name: 山田太郎
age: 30
job: エンジニア

personオブジェクトの各プロパティ名（キー）とその値を出力します。for...inループを使用してオブジェクトの各プロパティを順に取得し、テンプレートリテラルを使って整形して出力します。

自身のプロパティのみを列挙

const obj = Object.create({inherited: 'これは継承プロパティです'});
obj.own = 'これは自身のプロパティです';

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(`${key}: ${obj[key]}`);
  }
}

👇出力結果

own: これは自身のプロパティです

オブジェクトの自身のプロパティのみを列挙します。hasOwnPropertyメソッドを使用して、プロトタイプチェーンから継承したプロパティを除外しています。

for...inに関するよくある質問

Q. for...inは配列に使えますか？

A. for...inは配列にも使用できますが、インデックスを返すため、一般的には推奨されません。配列の場合はfor...ofループや従来のforループの使用が推奨されます。

Q. プロトタイプのプロパティも列挙？

A. はい、for...inループはプロトタイプチェーン上の列挙可能なプロパティも含めて列挙します。自身のプロパティのみを列挙したい場合は、hasOwnProperty()メソッドを使用して確認する必要があります。

Q. プロパティの順序は保証されますか？

A. for...inループでのプロパティの列挙順序は必ずしも保証されません。特に、数値キーと文字列キーが混在する場合、ブラウザによって順序が異なる可能性があります。

JavaScriptを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『JavaScript問題集』は、楽しくJavaScriptを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とJavaScriptの理解度が深まります。

AppStoreからダウンロード：https://apps.apple.com/jp/app/id6737941570

JavaScriptのfor...inについても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのfor...inやfor、if、catch、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。