JavaScriptのオブジェクトの配列を反復する

Question

私は、キー、値を持つオブジェクトからなる配列を持っていますcasteとidの各オブジェクトをどのように反復することができますか？

[ 
    Object { 
     caste = "Banda", id = 4 
    }, 
    Object { 
     caste = "Bestha", id = 6 
    } 
] 

Answer 1

jQuery.each()を使用：プレーンJavaScriptでは

var array = [ 
 
    {caste: "Banda", id: 4}, 
 
    {caste: "Bestha", id: 6} 
 
]; 
 
    
 
$.each(array, function(key, value) { 
 
    console.log('caste: ' + value.caste + ' | id: ' +value.id); 
 
} 
 

 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

var array = [{caste: "Banda", id: 4}, {caste: "Bestha", id:6}]; 
var length = array.length; 
for (var i = 0; i < length; i++) { 
    var obj = array[i]; 
    var id = obj.id; 
    var caste = obj.caste; 
} 

Answer 3

例コード：

var list = [ 
 
    { caste:"Banda",id:4}, 
 
    { caste:"Bestha",id:6}, 
 
]; 
 
    
 
for (var i=0; i<list.length; i++) { 
 
    console.log(list[i].caste); 
 
}

それはちょうど配列なので、いつものようにそれを反復。

Answer 4

使用jQuery.each：

$.each([your array of objects], function(index, value) { 
    // Do what you need, for example... 
    alert(index + ': ' + value); 
}); 

Answer 5

あなたが反復するためにjqueryのを使用することができます

Answer 6

FOR..IN使いのjQueryで何かで満たさ配列は、そのプロパティのオブジェクトを反復処理するために、$.eachを使用する反復処理するにはすべてのオブジェクトを通してjQueryはjqueryがコールバックするコールバック関数を埋め込むことを望みます。

$.each(dataList, function(index, object) { 
    $.each(object,function(attribute, value){ 
     alert(attribute+': '+value); 
    }); 
}); 

ドキュメント：http://api.jquery.com/jQuery.each/

Answer 7

最初の入力パラメータは、キーおよび第2の入力パラメータ値が与えられますあなたはこれを行うことができます：

var array = [{caste: "Banda", id: 4}, {caste: "Bestha", id:6}]; 

array.forEach(function(element, index) { 
    console.log(element.id+" "+element.caste); 
}); 

コールバック関数は、3番目のパラメータで呼び出され、配列は横断されます。 詳細はmore！

したがって、jQueryライブラリをロードする必要はありません。

ご挨拶。

Answer 8

forEachループは、イテレーター関数を呼び出すときに、イテレーター関数と、オプションで "this"として使用する値を受け入れます。

var donuts = [ 
    { type: "Jelly", cost: 1.22 }, 
    { type: "Chocolate", cost: 2.45 }, 
    { type: "Cider", cost: 1.59 }, 
    { type: "Boston Cream", cost: 5.99 } 
]; 

donuts.forEach(function(theDonut, index) { 
    console.log(theDonut.type + " donuts cost $"+ theDonut.cost+ " each"); 
}); 

その後、それはまた、オブジェクトの配列の上にこの

var donuts = [ 
    { type: "Jelly", cost: 1.22 }, 
    { type: "Chocolate", cost: 2.45 }, 
    { type: "Cider", cost: 1.59 }, 
    { type: "Boston Cream", cost: 5.99 } 
]; 


function ShowResults(donuts) { 
    console.log(donuts.type + " donuts cost $"+ donuts.cost+ " each"); 
} 

donuts.forEach(ShowResults);