JS hasOwnProperty() メソッドは、プロパティがオブジェクト自身のプロパティであるかどうかを検出します。

JS hasOwnProperty() メソッドは、プロパティがオブジェクト自身のプロパティであるかどうかを検出します。

JavaScript の hasOwnProperty() メソッドは、Object のプロトタイプ メソッド (インスタンス メソッドとも呼ばれます) です。これは、Object.prototype オブジェクトで定義されます。Object のすべてのインスタンス オブジェクトは、hasOwnProperty() メソッドを継承します。

hasOwnProperty() メソッドは、プロパティがプロトタイプ チェーンから継承されたものではなく、オブジェクト独自のプロパティであるかどうかを検出するために使用されます。プロパティが所有プロパティの場合は true を返し、それ以外の場合は false を返します。つまり、hasOwnProperty() メソッドはオブジェクトのプロトタイプ チェーンを検出せず、現在のオブジェクト自体のみを検出し、現在のオブジェクト自体にプロパティが存在する場合にのみ true を返します。

たとえば、次のカスタム タイプでは、this.name はオブジェクト独自のプロパティを表しますが、プロトタイプ オブジェクト内の name プロパティは継承されたプロパティです。

function F() { //カスタム データ型 this.name = "own property";
}
F.prototype.name = "継承されたプロパティ";

hasOwnProperty() の構文は次のとおりです。

オブジェクト.hasOwnProperty(プロパティ名);

パラメータの説明: propertyName パラメータは、検出するプロパティの名前を示します。

戻り値: ブール値を返します。 propertyName が所有プロパティである場合は true を返し、そうでない場合は false を返します。

例1

上記のカスタム タイプの場合、オブジェクトをインスタンス化してから、現在のオブジェクトによって呼び出されるプロパティ名のタイプを判別できます。

var f = new F(); // オブジェクトをインスタンス化します console.log(f.hasOwnProperty("name")); // 現在呼び出されている名前が所有プロパティであることを示す true を返します console.log(f.name); // 文字列 "Own Property" を返します

コンストラクター関数のすべてのプロトタイプ プロパティ (プロトタイプ オブジェクトに含まれるプロパティ) は継承されたプロパティであり、hasOwnProperty() メソッドを使用してテストすると false が返されます。ただし、プロトタイプ オブジェクト自体の場合、これらのプロトタイプ プロパティはプロトタイプ オブジェクト自身のプロパティであるため、戻り値は再び true になります。

例2

次の例では、toString() メソッドは Date オブジェクトの継承プロパティですが、Date コンストラクターのプロトタイプ オブジェクトの場合は独自のプロパティであることが示されています。

var d = 日付;
console.log(d.hasOwnProperty("toString")); // false を返し、toString() が Date 独自のプロパティであることを示します var d = Date.prototype;
console.log(d.hasOwnProperty("toString")); // true を返し、toString() が Date.prototype プロパティであることを示します

hasOwnProperty() メソッドは、指定されたオブジェクトに指定された名前のプロパティが含まれているかどうかのみを判別できます。プロパティがオブジェクト プロトタイプ チェーンに含まれているかどうかは確認できないため、検出できるプロパティはオブジェクト メンバーである必要があります。

例3

次の例は、hasOwnProperty() メソッドによって検出できるプロパティの範囲を示しています。

var o = { //オブジェクトリテラル o1 : { //子オブジェクトリテラル o2 : { //孫オブジェクトリテラル名 : 1 //孫オブジェクトリテラルプロパティ}
  }
};
console.log(o.hasOwnProperty("o1")); //true を返し、o1 が o の独自のプロパティであることを示します console.log(o.hasOwnProperty("o2")); //false を返し、o2 が o の独自のプロパティではないことを示します console.log(o.o1.hasOwnProperty("o2")); //true を返し、o2 が o1 の独自のプロパティであることを示します console.log(o.o1.hasOwnProperty("name")); //false を返し、name が o1 の独自のプロパティではないことを示します console.log(o.o1.hasOwnProperty("name")); //true を返し、name が o2 の独自のプロパティではないことを示します

これで、プロパティがオブジェクト自身のプロパティであるかどうかを検出するための JS hasOwnProperty() メソッドに関するこの記事は終了です。関連する JS hasOwnProperty コンテンツの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • AngularJSループオブジェクトプロパティで動的列を実装するアイデアの詳細な説明
  • JavaScriptはオブジェクトの不要なプロパティを削除します
  • springboot post インターフェースが json を受け入れる場合、それがオブジェクトに変換されると、プロパティはすべて null になります。
  • JS でオブジェクト プロパティを簡単にトラバースするいくつかの方法
  • JavaScript でオブジェクトのプロパティを削除する方法
  • js 属性オブジェクトの hasOwnProperty メソッドの使用
  • 例を通して JavaScript の Date オブジェクトのプロパティとメソッドを解析する
  • Java オブジェクトを JSON に変換する際のプロパティの動的な追加、削除、変更、クエリの詳細な説明
  • オブジェクトをJSONに変換する場合、Java jacksonはサブオブジェクトのプロパティ操作を無視します。
  • JavaScript オブジェクトの 3 つのプロパティ

<<:  Linux で MySQL データベースのスケジュールされたバックアップを実装する簡単な方法

>>:  MySQLはテーブル内のフィールドを別のテーブル内のフィールドの値と等しくなるように更新します

推薦する

海外の無料写真素材サイトベスト9

良い画像素材のウェブサイトを見つけるのは難しいです。特に無料です。良い写真には非常に目を引く視覚効果...

ウェブサイトデザインの経験 ウェブサイト構築におけるよくある間違いのまとめ

注意: 計画、設計、開発のいずれの場合でも、これらの間違いは避けなければなりません。 1. ナビゲー...

CSS のオーバーフロー:hidden エラーの解決方法

失敗の原因今日、カルーセルを書いていたときに、overflow;hidden; が失敗する可能性があ...

Linux プログラムの実行中に動的ライブラリをロードできない場合の解決策

Linux でダイナミック ライブラリをロードできません次のような異常事態が発生した場合./test...

Ubuntu で FTP サーバーを構築する方法の詳細な説明 (成功保証)

1. 今日の午後、コースの要件により、Ubuntu で FTP サーバーを設定する実験を行う必要が...

VMware 仮想マシンに固定 IP アドレスを設定する方法 (グラフィック チュートリアル)

1. メニューバーで「編集」→「仮想ネットワーク エディター」を選択して仮想ネットワーク エディタ...

Docker 経由で wsl の tar ファイルを作成する方法

最近VScodeのリモート開発機能をいじっています。Dockerのコンテナに接続できるほか、WSLに...

Tomcat サーバーが tomcat7w.exe を開けない場合の解決策

今日、Tomcat サーバーの設定時にちょっとした問題が発生したので、参考までにいくつかご説明したい...

HTML でテーブルを分割および結合する (colspan、rowspan)

このコードは水平マージを示しています。 <!DOCTYPE html PUBLIC "...

MySQL データベースで UTF-8 エンコードを設定する方法

/etc/my.cnf または /etc/mysql/my.cnf ファイルを変更する [クライアン...

この記事では、Viteがブラウザのリクエストに対して何を行うかを説明します。

目次動作原理:ブラウザは何をするのですか?ホストファイル index.htmlメイン.jsその他のベ...

表のセル間隔とセルパディングの違いの詳細な説明

テーブルとは何ですか?セルセルで構成されています。表では、<td> の数は、<tr...

Vueモバイル端末の適応化問題の詳細説明

1. vue uiでプロジェクトを作成する 2. 基本設定項目を選択する 3. プロジェクトを実行す...

Linux周辺ファイルシステムのカスタマイズ方法

序文一般的に、Linux システムについて話すときは、Linux カーネルと GNU プロジェクトに...

MySQL の自己結合重複排除に関する注意事項

機能シナリオを簡単に説明しましょう。データ行フィールドは次のとおりです。名前開始日時タイプこの表では...