JSON 对象数组到单个字符串

Question

我在 Vue JS 中有一个名为tags的数据对象，如下所示：

tags: [
    {name: "menu"},
    {name: "red"}
],

目前我可以用这个输出它们

var tags = this.tags;
var tagss = JSON.stringify(tags);
console.log('list of tags:' + tagss);

但它返回它是这样的：

list of tags:[{"name":"menu"},{"name":"red"}]

我希望它像这样返回它们：

list of tags: menu,red

知道如何做到这一点吗？我想要这样的原因是我可以使用标签列表查询我的 API。

提前致谢。

Answer 1

您可以使用Array.map遍历数组并将名称提取到新数组中，然后连接项目以创建逗号分隔的字符串，如下所示：

tags.map(({ name }) => name).join(', ');