js の hasOwnProperty のプロパティとインスタンスの使用法の詳細な説明

js の hasOwnProperty のプロパティとインスタンスの使用法の詳細な説明

1. js は hasOwnProperty が不正に占有されることから保護しません。オブジェクトにこのプロパティがある場合は、正しい結果を得るために外部の hasOwnProperty 関数を使用する必要があります。

2. オブジェクトにプロパティが存在するかどうかを確認する場合、使用できるメソッドは hasOwnProperty のみです。

var foo = {
    独自のプロパティを持つ: 関数() {
        false を返します。
    },
    バー: 「ここにドラゴンがいる」
};
foo.hasOwnProperty('bar'); // 常に false を返します
// 他のオブジェクトの hasOwnProperty を使用し、そのコンテキストを foo に設定します
({}).hasOwnProperty.call(foo, 'bar'); // 真

知識ポイントの拡張:

属性が存在するかどうかを判断する

var o = 新しいオブジェクト();
o.prop = '存在する';

関数changeO() {
 o.newprop = o.prop;
 o.prop を削除します。
}

o.hasOwnProperty('prop'); // 真
変更O();
o.hasOwnProperty('prop'); // 偽

自身の属性と継承された属性を決定する

関数foo(){
 this.name = 'foo'
 this.sayHi = 関数 () {
  console.log('こんにちは')
 }
}

foo.prototype.sayGoodBy = 関数 () {
 console.log('さよならを言う')
}

myPro = new foo() とする

console.log(myPro.name) // foo
console.log(myPro.hasOwnProperty('name')) // true
console.log(myPro.hasOwnProperty('toString')) // false
console.log(myPro.hasOwnProperty('hasOwnProperty')) // 失敗
console.log(myPro.hasOwnProperty('sayHi')) // true
console.log(myPro.hasOwnProperty('sayGoodBy')) // false
console.log('sayGoodBy' in myPro) // true

オブジェクトのすべてのプロパティを反復処理する

オープンソース プロジェクトを見ると、次のようなソース コードをよく見かけます。 for...in ループはオブジェクトのすべてのプロパティを列挙し、hasOwnProperty() メソッドを使用して継承されたプロパティを無視します。

var buz = {
  霧: 'スタック'
};

for (変数名 in buz) {
  if (buz.hasOwnProperty(名前)) {
    alert("これは間違いなくfog(" + name + ")です。値: " + buz[name]);
  }
  それ以外 {
    alert(name); // toString または他の何か
  }
}

プロパティ名としてhasOwnPropertyに注意してください

JavaScript は hasOwnProperty プロパティ名を保護しないので、このプロパティ名を含むオブジェクトが存在する可能性がある場合は、正しい結果を得るために拡張された hasOwnProperty メソッドを使用する必要があります。

var foo = {
  独自のプロパティを持つ: 関数() {
    false を返します。
  },
  バー: 「ここにドラゴンがいる」
};

foo.hasOwnProperty('bar'); // 常に false を返します

// これが気になる場合は、プロトタイプチェーンで実際のhasOwnPropertyメソッドを直接使用できます // 別のオブジェクトの`hasOwnProperty`を使用して呼び出します
({}).hasOwnProperty.call(foo, 'bar'); // 真

// オブジェクトプロトタイプの hasOwnProperty プロパティを使用することもできます。Object.prototype.hasOwnProperty.call(foo, 'bar'); // true

js の hasOwnProperty のプロパティと使用例に関するこの記事はこれで終わりです。js の hasOwnProperty のプロパティの使用に関する詳細なコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JS hasOwnProperty() メソッドは、プロパティがオブジェクト自身のプロパティであるかどうかを検出します。
  • JavaScript における in と hasOwnProperty の違いの詳細な説明
  • JavaScript hasOwnProperty() 関数の例
  • js でオブジェクト プロパティを取得するために in と hasOwnProperty を使用することの違いについて簡単に説明します。
  • js でオブジェクト プロパティを取得するために in と hasOwnProperty を使用することの違いについて詳しく説明します。
  • JS の hasOwnProperty()、propertyIsEnumerable()、isPrototypeOf()

<<:  CSS3 のボックス サイズ設定 (コンテンツ ボックスとボーダー ボックス) の詳細な説明

>>:  img 画像タグに alt 属性を付与する必要がありますか?

推薦する

MySQL 8.0.22 圧縮パッケージの完全なインストールと構成のチュートリアル図 (テスト済みで効果的)

1. zipインストールパッケージをダウンロードするMySQL サーバー 8.0.22 の圧縮パッ...

HTMLポップアップ透明レイヤーインスタンスのサイズを設定でき、比例することができます

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

Vue の NetEase Cloud Music Player インターフェースを模倣したシンプルな実装プロセス

仕事のプロジェクトのニーズにより、曲の再生が必要となり、さまざまな資料を参考にして、NetEase ...

ウェブページ上の写真プレビューナビゲーションを設計するためのヒント

<br />ナビゲーションとは、ウェブサイトの上部にあることが多いナビゲーション バーの...

HTML ヘッドタグの詳細な紹介

HTML のヘッド部分には、ブラウザによる Web ページのレンダリングや SEO などに関連するタ...

HTMLページのネイティブVIDEOタグはダウンロードボタン機能を隠します

Web プロジェクトを作成しているときに、紹介ビデオが別にある紹介ページに遭遇しました。この短いビデ...

SQL インジェクションのある Web サイトを見つける方法 (必読)

方法 1: Google の詳細検索を使用します。たとえば、次に示すように.asp?id=9などの ...

Vue プロジェクトがページング効果を実現

ページング効果は、参考までにvueプロジェクトに実装されています。具体的な内容は次のとおりです。 1...

フロントエンドネットワーク、JavaScriptの最適化、開発のヒントについて簡単に説明します。

1. ネットワークの最適化YSlowには23のルールがあります。これら数十のルールは、主に、不要な...

JavaScriptはクリックトグル機能を実装します

この記事の例では、クリックして切り替える機能を実装するためのJavaScriptの具体的なコードを参...

CSSの優先度を理解する2つの方法

方法1: 値を追加する公式の説明を見るには MDN にアクセスしてください。優先度はどのように計算さ...

ウェブサイトに天気予報を挿入する方法

天気予報をウェブサイトに挿入すると、次のような効果が得られます。次のコードを挿入する必要があります:...

HTML マルチヘッダーテーブルコード

1. マルチヘッダーテーブルコードコードをコピーコードは次のとおりです。 <!DOCTYPE ...

Linux ユーザー グループと権限の概要

ユーザーグループLinux では、すべてのユーザーはグループに属する必要があり、Linux には次の...

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...