JavaScript - 是否有一种简单的方法来获取嵌套JSON中特定键的每次出现的值

Question

我有一个类似于这样的JSON结构:

[
  {
    cells: [
     { id: "1", cellType: 3, widget: { id: 1, description: "myDesc"} },
     { id: "2", cellType: 4, widget: { id: 2, description: "myDesc2"} }
    ]
  },
  {
    cells: [
      { id: "3", cellType: 5, widget: { id: 3, description: "myDesc3"} }
    ]
  },
  ...
]

如何widget使用EcmaScript(或Angular 2+中可用的任何内容)将每个值的值转换为单独的数组,而不使用库(包括JQuery)？我需要一个像这样的最终数组:

[
  {
    id: 1,
    description: "myDesc"
  },
  {
    id: 2,
    description: "myDesc2"
  },
  ... 
]

更新

(感谢@Felix Kling的第一部分) - 我发现我可以用这个来获取所有小部件:

JSON.parse(json)[0].forEach( c => c.cells.forEach( c2 => console.log(c2.widget)));

Answer 1

你可以用.map()与.reduce()

let input = [
  {
    cells: [
     { id: "1", cellType: 3, widget: { id: 1, description: "myDesc"} },
     { id: "1", cellType: 4, widget: { id: 2, description: "myDesc2"} }
    ]
  },
  {
    cells: [
      { id: "3", cellType: 5, widget: { id: 3, description: "myDesc3"} }
    ]
  },
];

let result = input.reduce((result, current) => {
  return result.concat(current.cells.map(x => x.widget));
}, [])

console.log(result);