JavaScriptでオブジェクトや配列に特定のキー・要素が存在するか確認する方法

JavaScriptでは、オブジェクトや配列の中に特定のキーや値が存在するかどうかを確認する方法がいくつかあります。まずはオブジェクトの場合から見ていきましょう。

in演算子を使ってオブジェクトのキーを確認する

オブジェクトに特定のキーが存在するかどうかを調べるには、in 演算子を使用します。

例

let obj = {
    name: "John",
    age: 22
}
console.log('name' in obj);
console.log('address' in obj);

出力結果

true
false

注意： in 演算子は、指定されたプロパティがそのオブジェクト自身、またはプロトタイプチェーン上に存在する場合に true を返します。継承されたプロパティまで含めて判定したい場合に便利です。

なお、オブジェクト自身が持つプロパティのみを厳密にチェックしたい場合は、Object.hasOwn(obj, 'name') や obj.hasOwnProperty('name') を使うとより正確です。

indexOfメソッドを使って配列の要素を確認する

次に、配列内に特定の要素が存在するかどうかを確認する場合は、配列の indexOf メソッドを使用します。要素が見つからない場合は -1 が返され、見つかった場合はそのインデックス番号が返されます。

例

let arr = ["test", 1, 2, "hello", 23.5];
console.log(arr.indexOf({}))
console.log(arr.indexOf("hello"))
console.log(arr.indexOf(23.5))

出力結果

-1
3
4

最初の例で空のオブジェクト {} を渡した場合に -1 が返されるのは、オブジェクトは参照型であり、比較は参照（同一性）によって行われるためです。内容が同じでも別のオブジェクトインスタンスであれば一致しない点に注意してください。

また、ES2016以降では includes() メソッドを使うことで、より直感的に真偽値で存在チェックを行うこともできます。例えば arr.includes("hello") のように書くだけで true / false が得られます。