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

概要

Object.hasOwn() は hasOwnProperty() の安全な代替で、Object.create(null) で作られたオブジェクトでも正しく動作します。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
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

ライブデモ

Object.hasOwn Basics

Object that property has or confirm.hasOwnProperty. safeall alternative.

プレビュー全画面表示

HasOwnProperty and. Comparison

also safeall to behavior. with Object.hasOwn is Object.create(null).

プレビュー全画面表示

Practical Example: formvalid-tion

Object to requiredki- that include or check.

プレビュー全画面表示

実務での使いどころ

  • Object.hasOwn() の活用

    オブジェクトが指定プロパティを直接持つかを判定する静的メソッド。hasOwnProperty の安全な代替。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

Powered by web-features