将数组中的值合并到字符串中[重复]

Question

我正在尝试将数组中的一些项目附加到字符串中，但有些挣扎。我通过以下方式有一个数组

this.$root.data[1].arrayOfObjects;

这个数组看起来像这样

(2) [{…}, {…}, __ob__: Observer]
    0:
        label: "Value1"
        name: "Value 1"
        value: 1
    1:
        label: "Value2"
        name: "Value 2"
        value: 2

数组可以是空的，也可以包含多个对象。我想要做的是将数组中每个对象的名称键中的值合并为一个字符串，用逗号分隔。所以对于上述情况，我期望被退回

"Value 1, Value 2"

所以我在考虑先分配数组

const array = this.$root.data[1].arrayOfObjects;

我当时正在考虑循环播放它

for ( var i = 0; i < array.length; i++ ) {

}

然而，这是我迷路的地方。我知道我可能会使用一些 ES6 功能，例如 map 或 filter，但不确定如何应用？

任何建议表示赞赏

谢谢

Answer 1

您可以映射 wwamted 属性 name 并将数组连接到字符串。

方法：

• Array#map,

• destructuring assignment 用于属性name，

• Array#join 使用自定义胶水。

代码：

result = this.$root.data[1].arrayOfObjects
    .map(({ name }) => name)
    .join(', ');