javascript - 访问具有不同数字的多个数据数组

Question

我在访问数组内部的数据时遇到困难。每个数组都有自己的编号。然后里面有一个数组。我想显示数组中的名称。

我想像这样访问数据:

source.tag.#ANY NUMBER#.name

我希望结果如下所示:

Foo, Bar, Baz

尝试 1

InnerHTML={{__html:source.tag}}

结果:

[object Object]

尝试 2

InnerHTML={{__html:JSON.stringify(source.tag)}}

结果:

{"1":[{"name":"Foo"}],"2":[{"name":"Bar"}]}

尝试3

InnerHTML={{__html:source.tag ? source.tag.map(item => item.name).join(', ') : ''}}

结果:什么都没有

我的数据如下所示:

"title" : "Test item"",
"tag" : {
  "1" : [ {
    "name" : "Foo"
  },
  {
    "name" : "Bar"
  } ],
  "2" : [ {
    "name" : "Baz"
  } ]
}

Answer 1

对于数据，您需要括号表示法 property accessor用于访问作为数字和索引的键，例如

source.tag[1][1].name // Bar
          ^^^         // key of tag
             ^^^      // index    

var source = { title: "Test item", tag: { 1: [{ name: "Foo" }, { name: "Bar" }], 2: [{ name: "Baz" }] } };

// single access
console.log(source.tag[1][1].name);

// get all names
Object.keys(source.tag).forEach(function (key) {
    source.tag[key].forEach(function (element) {
        console.log(element.name);
    });
});