js 属性オブジェクトの hasOwnProperty メソッドの使用

オブジェクトの hasOwnProperty() メソッドは、オブジェクトに特定の独自の (継承されていない) プロパティが含まれているかどうかを示すブール値を返します。

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

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 をよろしくお願いいたします。

以下もご興味があるかもしれません: