javascript - 使用嵌套数组对象迭代数组的属性

Question

我有一个包含给定嵌套对象数组的数组。每个嵌套数组都有属性“row”:

myTextBlock=[
   { "row": [{text: "test1", category: 1}, {text: "test2", category: 2}, {text: "test3", category: 1}]},
   { "row": [{text: "test4", category: 2}, {text: "test5", category: 1}, {text: "test6", category: 3}]},
   { "row": [{text: "test7", category: 1}, {text: "test8", category: 3}, {text: "test9", category: 1}]}
];

我需要迭代嵌套的文本键(在保留顺序的同时连接字符串，在每行后添加换行符并在其间添加逗号)。

期望的结果:

test1 test2 test3 \n test4 test5 test6 \n test7 test8 test9

出于某种原因，我无法使属性“行”上的迭代部分正常工作。如果你能帮我完成这部分，我会自己解决剩下的部分。

提前致谢!

Answer 1

您可以使用array.reduce两次将两个数组级别转换为单个值:

let myTextBlock=[
   { "row": [{text: "test1", category: 1}, {text: "test2", category: 2}, {text: "test3", category: 1}]},
   { "row": [{text: "test4", category: 2}, {text: "test5", category: 1}, {text: "test6", category: 3}]},
   { "row": [{text: "test7", category: 1}, {text: "test8", category: 3}, {text: "test9", category: 1}]}
];

let result = myTextBlock.reduce((state, current) => {
    return state + 
           current.row.reduce((st, cur) => st + cur.text + " ", "")   +  
           "\n";
}, "");

console.log(result);