Join JSON Object member string values together

Question

"category": [{
      "id": 28,
      "name": "Dogs"
  },
  {
      "id": 14,
      "name": "Cats"
  },
  {
      "id": 878,
      "name": "Sheep"
  }],

I have the above JSON parsed (using .ajax and jsonp as callback) and I would like to join all the values of "name" into a string. i.e. "Dogs, Cats, Sheep". How can I do this? I have tried simple join on "category" and name, i.e.

var cats = categories.join(", ");

OR

var cats = categories.name.join(", ");

But since we are looking at it's members and their string values, it doesn't work.

score 12 · Accepted Answer · answered Aug 20 '12 at 19:37

12

This looks like a job for $.map!

var data = {
    "category": [{
          "id": 28,
          "name": "Dogs"
      },
      {
          "id": 14,
          "name": "Cats"
      },
      {
          "id": 878,
          "name": "Sheep"
      }]
}

var cats = $.map(data.category, function(v){
    return v.name;
}).join(', ');

answered Aug 20 '12 at 19:37

gen_Eric

223,194
41
299
337

1

Thanks, your response helped me. I used the abbreviated syntax: `$.map(data.category, (v)=>{return v.name}).join(', ');` – איש נחמד Dec 07 '21 at 02:39

score 1 · Answer 2 · answered Aug 20 '12 at 19:33

1

var text = "";
for(var i=0; category.length; i++)
{
   text += category[i].name;
   if(i!=category.length-1)
       text += ", ";
}

answered Aug 20 '12 at 19:33

Barış Uşaklı

13,440
7
40
66

score 1 · Answer 3 · edited Aug 02 '21 at 13:42

1

Simpler, shorter version:

const category = [{
      "id": 28,
      "name": "Dogs"
  },
  {
      "id": 14,
      "name": "Cats"
  },
  {
      "id": 878,
      "name": "Sheep"
  }]

let cats = category.map((item) => {
             return item.name;
           }).join(", ");

On the first part, the map function will return a string array with the contents item.name.

[ "Dogs", "Cats", "Sheep" ]

Since on arrays we have the ability to call join that will put all the items in array together but separated by whatever we pass to the join (in this case we have ", " it will separate by a comma and a space)

In the end we have:

Dogs, Cats, Sheep

edited Aug 02 '21 at 13:42

Pedro Luz

2,694
4
44
54

answered Aug 02 '21 at 06:05

Swathy

31
1
4

Please provide some explanation to your code – shuberman Aug 02 '21 at 10:56
This is definitely better than the accepted answer. – Masiorama Mar 01 '22 at 09:02

Join JSON Object member string values together

3 Answers3

Linked