JSON array of objects to single string

Question

I have a data object in Vue JS called tags that looks like this:

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

Currently I am able to output them with this

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

but it returns it like this:

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

and I want it to return them like this:

list of tags: menu,red

Any idea how to do this? The reason I want it like this is so I can query my API with a list of tags.

Thanks in advance.

Jake · Accepted Answer · 2019-07-12 23:40:28Z

7

You can use Array.map to iterate over the array and extract the names to a new array, then join the items to create the comma separated string, like so:

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

answered Jul 12, 2019 at 23:40

Jake

1871 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Omar Tammam · Accepted Answer · 2019-07-12 23:55:07Z

1

all you need is just convert js array of objects to a string,

way 1 using map & toString function

so first, we will convert the array of objects to indexed array, then convert array to string

after this line ->var tags = 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

way 2 just using loop and concatenate values to string

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

answered Jul 12, 2019 at 23:55

Omar Tammam

1,3041 gold badge11 silver badges17 bronze badges

Collectives™ on Stack Overflow

JSON array of objects to single string

2 Answers 2

Comments

way 1 using map & toString function

way 2 just using loop and concatenate values to string

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

way 1 using map & toString function

way 2 just using loop and concatenate values to string

Comments

Your Answer

Sign up or log in

Post as a guest

Related