如何访问嵌套 JSON 对象的多个值？

Question

我尝试访问我的data json 文件：

[{"id":1,"name":"Maria","project":[{"id":5,"name":"Animals"},{"id":6,"name":"Cats"}]}

这是我的方法：

data[0].name;

但是像这样我只得到结果：

Animals

但我需要结果：

Animals, Cats

Answer 1

如果那是您的实际数据对象，那么data[0].name 会给您“Maria”。但是，如果我没看错的话，您想从 project 数组中获取所有名称。您可以使用Array.map 相当轻松地做到这一点。请注意使用 ES6 arrow function 来快速轻松地获取对象并返回其名称。

var bigObject = [{"id":1,"name":"Maria","project":[{"id":5,"name":"Animals"},{"id":6,"name":"Cats"}]}];
var smallObject = [{"id":5,"name":"Animals"},{"id":6,"name":"Cats"}];

console.log("Getting the names from the full array/data structure: "+bigObject[0].project.map(obj => obj.name))
console.log("Getting the names from just the project array: "+smallObject.map(obj => obj.name))

编辑：根据您对其他答案的评论，您说您需要在此功能中使用解决方案：

"render": function (data, type, row) {if(Array.isArray(data)){return data.name;}}

要实现这一点，看起来你应该像这样使用我的第一个 sn-p 的底部解决方案：

var data = [{"id":5,"name":"Animals"},{"id":6,"name":"Cats"}];

function render(data, type, row){
  if(Array.isArray(data)){
    return data.map(obj => obj.name);
  }
};

console.log("Render returns \""+render(data)+"\" as an array.");

Answer 2

您仅访问项目数组第 0 个索引的名称属性。 要一次访问所有对象，您需要遍历数组。 您可以为此使用Array.map。

var data = [{"id":1,"name":"Maria","project":[{"id":5,"name":"Animals"},{"id":6,"name":"Cats"}]}]

var out = data[0].project.map(project => project.name).toString()

console.log(out)