加入嵌套數組並輸出逗號分隔的列表

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(', ')}}