オブジェクトを繰り返すこと

Question

ImはOOPでの作業やオブジェクトの値を反復処理する方法を見て値、例として、このコード：

var numbers = { 
    one: "number one", 
    two: "number two", 
    three: "number three", 
    four: "number four" 
}; 

し、その値を反復処理するために、私はこれを得た：

少し深く見て、研究しながら

for(var index in numbers){ 
    var x = index; 
    console.log(numbers[x]);  
} 

は、私はまた、このようなオブジェクトの値を反復処理することができますmozillla.orgに見た：

console.log(Object.values(numbers)); 

私の質問は、もう一方には何か利点はありますか？毎日のプログラミングでは、1つはもう一方を使いますか？

Answer 1

for...inループは、継承されたプロパティを含むオブジェクトの列挙可能なプロパティを反復します。さらに、それはES5であり、現在のすべてのブラウザでサポートされています。

var obj1 = { a: 1, b: 2 }; 
 
var obj2 = Object.create(obj1); 
 
obj2.c = 3; 
 

 
for (var key in obj2) { 
 
    console.log(obj2[key]); 
 
}

Object#valuesオブジェクト独自のプロパティ（継承しないもの）の配列を作成し、それらを反復しません。さらに、ECMAScript 2017ドラフトなので、IEや古いブラウザではサポートが不足しています。

var obj1 = { a: 1, b: 2 }; 
 
var obj2 = Object.create(obj1); 
 
obj2.c = 3; 
 

 
console.log(Object.values(obj2));

あなたがオブジェクト自身のプロパティを反復処理したい、と古いブラウザをサポートしている場合、あなたは、配列反復法でObject#keysを使用することができ、そのようなArray#forEachなど：

var obj1 = { a: 1, b: 2 }; 
 
var obj2 = Object.create(obj1); 
 
obj2.c = 3; 
 

 
var result = Object.keys(obj2).forEach(function(key) { 
 
    console.log(obj2[key]); 
 
});