JSON对象数组到单个字符串

Question

我在Vue JS中有一个数据对象，称为标签 ，看起来像这样：

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

Answer 2

您只需要将js对象数组转换为字符串，

方式1使用map和toString函数

因此，首先，我们将对象数组转换为索引数组，然后将数组转换为字符串

在这行之后-> var标签= this.tags;

var tagss = tags.map(function(tag) {
  return tag['name'];
});
console.log(tagss);  //output should be [menu,red]
tagss_string = tagss.toString();
console.log(tagss_string);  //output should be menu,red

方法2仅使用循环并将值连接到字符串

var tags_string = '';
for (var i=0;i<tags.length;i++){
    if (i!=0)
    tags_string += ','+tags[i].name ;
    else 
    tags_string += tags[i].name ;
}
console.log(tags_string);  //output should be menu,red