加入嵌套数组并输出逗号分隔的列表

Question

我想打印一个逗号分隔的数组中的项目列表。

例子：

[
{value: 1, text: 'one},
{value: 2, text: 'two},
{value: 3, text: 'three},
{value: 4, text: 'four},
]

我想用 Array.join ( https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/join ) 解决这个问题 - 但这不适用于包含更多信息的数组，因为输出是[object Object] 。

我如何“选择”该值并加入该值，以便获得one, two, three, four作为输出？

Answer 1

您需要map数组以从中获取text prop，然后应用所需的join 。

 const arr = [ {value: 1, text: 'one'}, {value: 2, text: 'two'}, {value: 3, text: 'three'}, {value: 4, text: 'four'} ]; const output = arr.map(el => el.text).join(', '); console.log(output);

Answer 2

找到了解决办法：

{{array.map(x =>  x.text).join(', ')}}