javascript - 如何按 'key' 与相应标题下方列出的关联数据进行分组

Question

我在渲染分组数据及其关联数据时遇到问题。

例如:

''标题1''

数据1，数据2，数据3

''标题2''

数据1，数据2，数据3

我已经能够获取“标题”，但无法获取相应的数据。我计划最终使用 vuejs 在表格中显示数据，并对其进行分组。

这是代码片段

   for (key in newProgram){
      console.log("HEADING---- "+key+"----")
      for(var x=0; x<newProgram[key]; x++){
        console.log(newProgram[key].company);  //<--- How do I get the corresponding data for each 'HEADING'?
      }
    }

这是全部 pen

Answer 1

有两个问题。

1. 内部 for 循环从未执行，因为您必须获取要循环的对象的长度。

   newProgram[key].length

2. 要获取数据，您必须使用数组索引

   newProgram[key][x].company

像下面这样改变for循环

for (key in newProgram) {
    console.log("HEADING------ " + key + "----")
    for (var x = 0; x < newProgram[key].length; x++) {
        console.log(newProgram[key][x].company); //<--- How do I get the corresponding data for each 'HEADING'?
    }
}