for..inステートメントでhasOwnPropertyを使用する必要があります

Question

for..inループを使用するたびにhasOwnPropertyチェックを使用する必要があるとのブログがたくさんありますが、その理由はわかりません。チェックの有無にかかわらず、同じ結果が得られます。

チェックアウトthis fiddle

Answer 1

基本オブジェクトを{}で作成する場合、またはJSON.Parseを使用してJSONから取得する場合は、hasOwnPropertyはグローバルに使用できません。

しかし、（プロトタイプを使用して）「クラス」を拡張している場合は、「独自のプロパティ」（直接プロパティを含む直接プロパティ）にアクセスしているかどうかを知るのに役立ちます。ループ内で反復しないために...

A：基本的なオブジェクトは、あなたがfor... inループにconsole.log({});またはconsole.log({}.toString)しかしit's not enumerable and not seenで発見ことが、少なくとも一つの（ない指揮）性質を持っていることを

注意非列挙型プロパティに対して ArrayやObjectなどの組み込みコンストラクタで作成されたオブジェクトには、Object.prototypeの列挙できないプロパティや、文字列のindexOf メソッドやObjectのtoStringメソッドなど、列挙できない String.prototypeが継承されます。ループは、オブジェクトのすべての の列挙可能なプロパティに対して繰り返し、またはコンストラクタのプロトタイプ （組み込みの プロパティを上書きするオブジェクトを含む）から継承します。

Answer 2

hasOwnPropertyを指定しないと、プロパティがオブジェクトのネイティブプロパティであるか、プロトタイプから継承されているかわかりません。この場合obj1で

var obj1 = {a:"10",b:"20"}; 

Object.prototype.c = "prototype:30"; 

var i; 
for(i in obj1) { 
    document.getElementById("div1").innerHTML += obj1[i]+" "; 
} 
// result 10 20 prototype:30 

for(i in obj1) { 
    if(obj1.hasOwnProperty(i)) { 
     document.getElementById("div2").innerHTML += obj1[i] +" "; 
    }   
} 
// result 10 20 
​ 

Your modified fiddle

はプロトタイプObjectだとあなたが誤ってあなたの最初のループでそれをリストし、それから、プロパティcを継承します。

Answer 3

hasOwnPropertyの有無にかかわらず同じ結果が得られることがよくありますが、後者は問題のオブジェクトに直接影響することなく継承されたプロパティを無視します。

この基本的な継承システムについて考えてみましょう。犬はマスター動物クラスから継承します。我々はfidoを覗き場合

function Animal(params) { this.is_animal = true; } 
function Dog(params) { for (var i in params) this[i] = params[i]; } 
Dog.prototype = new Animal(); 
var fido = new Dog({name: 'Fido'}); 

、hasOwnPropertyは、私たちは独自のプロパティ（名前）と継承されている確かめることができます。

for (var i in fido) if (fido.hasOwnProperty(i)) alert(i+' = '+fido[i]); 

は... name=Fidoなくis_animal=trueに警告します。