Object.hasOwn() | Frontend Practical Guide

Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`Object.hasOwn`	93	93	92	15.4	93	15.4

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

JAVASCRIPT

const obj = Object.create(null);
obj.key = 'value';

// obj.hasOwnProperty('key'); // Error!
Object.hasOwn(obj, 'key'); // true

オブジェクト自身がプロパティを持つか確認。hasOwnProperty の安全な代替。

Object.hasOwn は Object.create(null) でも安全に動作する。

オブジェクトに必須キーが含まれるかチェック。

Object.hasOwn() の活用

Object.hasOwn() は静的メソッドで、指定されたオブジェクトが、指定されたプロパティを自身のプロパティとして持っている場合に true を返します。