javascript - 在对象数组中查找特定键/值并打印出该对象中的另一个键/值

Question

我从 $.getJSON 调用中得到了这个响应。现在我想用“selected”选择对象的名称属性：true，并将其打印到 id 为 charTitle 的 div。

"titles": [{
        "id": 17,
        "name": "Sergeant %s"
    }, {
        "id": 53,
        "name": "%s, Champion of the Naaru"
    }, {
        "id": 64,
        "name": "%s, Hand of A'dal",
        "selected": true
    }]

Answer 1

您可以通过一个简单的循环来实现这一点：

for (var i = 0; i < obj.titles.length; i++) {
    if (obj.titles[i].selected) {
        $('#charTitle').text(obj.titles[i].name);
    }
}

示例小提琴

或者使用 jQuery 的$.each()：

$.each(obj.titles, function(i, title) {
    if (title.selected)
        $('#charTitle').text(title.name);        
});

请注意，如果数组中有多个selected设置为的对象，则true需要使用append()而不是text()设置的内容div，否则将覆盖先前的值。

Answer 2

使用下划线你可以得到这个

var titles = ...
_.findWhere(titles, {selected: true});

见http://underscorejs.org/#findWhere

Answer 3

尝试使用Array.prototype.filter()

var arr = [{
  "id": 17,
  "name": "Sergeant %s"
}, {
  "id": 53,
  "name": "%s, Champion of the Naaru"
}, {
  "id": 64,
  "name": "%s, Hand of A'dal",
  "selected": true
}]

var res = arr.filter(function(val, key) {
  return val.selected === true
})[0].name;

$("#charTitle").html(res)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<div id="charTitle"></div>