如何在jQuery中迭代数组中的对象？

Question

我有一个 JSON 对象：

[{
     name:'bhavani',
     age:'19',
     gender:'Female'
},{
     name:'bhavani',
     age:'19',
     gender:'Female'
},{
     name:'bhavani',
     age:'19',
     gender:'Female'
}, {
     // and so on
}]

现在我需要访问 JSP 页面中此数组中每个对象中的 name。我做不到。谁能帮我解决这个问题。

Answer 1

jQuery在这里没有意义，只是映射你的数组：

var names = arr.map(function(o){
   return o.name; 
});

-jsFiddle-

Answer 2

要遍历数组或对象的属性，您可以使用$.each 函数。

小提琴：http://jsfiddle.net/AtheistP3ace/ohswrnmn/

var data = [{
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, {
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, {
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, ];

var $test = $('#test');
$.each(data,
    function (index, value) {
        $test.append(value.name + ' ');
    }
);

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

遍历数组和每个对象属性的示例：

小提琴：http://jsfiddle.net/AtheistP3ace/ohswrnmn/1/

var data = [{
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, {
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, {
    name: 'bhavani',
    age: '19',
    gender: 'Female'
}, ];

var $test = $('#test');
$.each(data,
    function (index, value) {
        $test.append(index + ': ');
        $.each(value,
            function (index2, value2) {
                $test.append(value2 + ' ');
            }
        );
        $test.append(' - ');
    }
);