在javascript中迭代對象陣列

Question

我有一個數組，其中包含的對象與一個鍵，值我們如何迭代每個對象的caste和id。

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

Answer 1

使用jQuery.each()：

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中充滿東西的數組使用$.each，遍歷一個對象其屬性使用的for..in

Answer 6

你可以使用jQuery迭代通過所有的對象jQuery希望你填充一個回調函數，jquery將回調。第一個輸入參數將給出密鑰和第二輸入參數的值：

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

文檔：http://api.jquery.com/jQuery.each/

Answer 7

在普通的JavaScript你可以這樣做：

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

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

使用第三個參數調用回調函數，該數組將被遍歷。 For learn 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);