javascript - 按名称访问数组列表中的对象

Question

我有一个包含对象数组列表的对象。我想获取数组列表中对象的值。

例子

var data = { 
             items1: [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }], 
             items2: [{ id: 3, name: 'foo' }, { id: 4, name: 'bar' }] 
           };

我正在尝试访问数组列表项 1 中 id:1 的名称。

我以为会是这样的

data['items1']['id'].name 

但我觉得我遗漏了什么。任何人都知道我可能做错了什么

Answer 1

这是一个具有 2 个键(items1 和 items2)的对象，它们都是数组。每个数组中的元素都是对象，每个元素包含 2 个键(id 和 name)。

要获取 items1 数组第一个元素的 id，您可以这样做:

data.items1[0].id

这将返回 1。

如果你想在 items2 中搜索名称为“bar”的对象，你可以这样做:

function find(item, name) {
    //no such array
    if(!data[item])
        return;

    //search array for key
    var items = data[item];
    for(var i = 0; i < items.length; ++i) {
        //if the name is what we are looking for return it
        if(items[i].name === name)
            return items[i];
    }
}

var obj = find('items2', 'bar');
obj.id; //4
obj.name; //'bar'

我强烈建议阅读有关 JavaScript Objects 的内容和 Arrays .