在javascript中迭代对象数组

sas*_*asi 19 javascript jquery

我有一个数组包含带有键的对象,值我们如何迭代每个对象casteid.

[
    Object {
        caste = "Banda",
        id = 4
    },
    Object {
        caste = "Bestha", 
        id = 6
    }
]
Run Code Online (Sandbox Code Playgroud)

RRi*_*esh 32

使用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);
}

);
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

  • 正如TheBronx所说[见他的回答](http://stackoverflow.com/a/16234582/2252829),它只是一个数组.由于该解决方案使用本机Javascript,如果您不希望在项目中使用jQuery,它可能是更好的设计. (2认同)
  • 这个问题被标记为“ jquery”,尽管OP需要一个jQuery答案。或者当然是香草JS更快。 (2认同)

Sal*_*lab 13

示例代码:

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

它只是一个数组,因此,一如既往地迭代它.


jor*_*tsc 8

在纯JavaScript中,您可以这样做:

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

array.forEach(function(element, index) {
    console.log(element.id+" "+element.caste);
});
Run Code Online (Sandbox Code Playgroud)

使用第三个参数调用回调函数,即遍历的数组.了解更多!

因此,您不需要加载jQuery库.

问候.