JavaScript/in

in

in は、JavaScript におけるキーワードで、主に以下の 2 つの用途で使用されます：

1. オブジェクトや配列のプロパティの列挙（for...in ループ）。
2. オブジェクトのプロパティが存在するかどうかのチェック（in 演算子）。

これらの構文は、JavaScript におけるループ処理やプロパティの存在確認において非常に重要です。

構文

for...in ループ

for (let key in オブジェクト) {
  // key はオブジェクトの各プロパティ名
}

この構文では、オブジェクトのすべての列挙可能なプロパティ（そのオブジェクト自身のプロパティおよびそのプロトタイプチェーン上のプロパティ）を順番に取り出して処理します。

in 演算子

プロパティ名 in オブジェクト;

in 演算子は、指定したプロパティ名がオブジェクトに存在するかどうかを調べるために使用します。この演算子は、オブジェクトがそのプロパティを持っている場合に true を返します。プロトタイプチェーン上のプロパティも含めて検出します。

使用例

for...in ループの使用例

const person = {
  name: 'John',
  age: 30,
  occupation: 'Engineer'
};

for (const key in person) {
  console.log(key, person[key]);
}

この例では、person オブジェクトのすべてのプロパティを列挙して、プロパティ名とその値を表示します。

in 演算子の使用例

const person = {
  name: 'John',
  age: 30
};

console.log('name' in person);   // true
console.log('occupation' in person); // false

この例では、person オブジェクトに name プロパティが存在するため true が、occupation プロパティは存在しないため false が返されます。

注意点

• プロトタイプチェーン: for...in ループおよび in 演算子は、オブジェクトが持つプロトタイプチェーン上のプロパティも検出します。これを回避するためには、hasOwnProperty() メソッドを使用して、オブジェクト自身のプロパティだけを確認することができます。
• 配列の扱い: 配列に対して for...in ループを使用することはできますが、配列のインデックスが整数である場合、配列の順序が保証されないため、通常は for ループまたは for...of ループを使う方が適切です。

hasOwnProperty() を使ったプロパティのフィルタリング

const person = {
  name: 'John',
  age: 30
};

for (const key in person) {
  if (person.hasOwnProperty(key)) {
    console.log(key, person[key]);
  }
}

この例では、hasOwnProperty() メソッドを使って、person オブジェクトが自身で持つプロパティだけを列挙しています。

関連項目

• for...in
• hasOwnProperty
• Object

参考

• MDN Web Docs: for...in 文
• MDN Web Docs: in 演算子