join array of objects by using one property

Question

I've got an array of objects with a few properties, such as 'value' and 'label'.

array.join(' ') of course gives me "[object] [object]", but instead I need to get a string of the 'value' properties of all objects, separated by a space.

What is the shortest way to do this, and is this possible without writing a for loop?

Are your objects alike? In other words, could they be made from a single constructor function? If so, then you could just add a .toString() method to your Constructor.prototype object to define how it should look when converted to a string. Then you can just do array.join(" ") — user2437417
– user2437417, Commented Aug 25, 2013 at 15:33
...here's a demo. This would be nicer than having to manually map the array to new values to join. — user2437417
– user2437417, Commented Aug 25, 2013 at 15:38

Arun P Johny · Accepted Answer · 2013-08-25 15:22:24Z

28

Try using jQuery.map() - Array.map() not used because of IE < 9 support

For JSON.stringify() - use json2 for old browser support

$.map(array, function(obj){return JSON.stringify(obj)}).join(' ')

Update: To get the value properties

var string = $.map(array, function(obj){
    return obj.value
}).join(' ');

Demo: Fiddle

edited Aug 25, 2013 at 15:22

answered Aug 25, 2013 at 15:05

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

Ram Over a year ago

It seems you are missing return statement.

Steven De Groote Over a year ago

It seems I have badly explained. I edited my question, as what I need is a space separated string of all 'value' properties of the objects in the array.

Arun P Johny Over a year ago

@StevenDeGroote can you give an example for [{name: 'name1', age: 30, value: 'v1'},{name: 'name2', age: 27, value: 'v2'}]

Steven De Groote Over a year ago

I worked it out. I simply needed $.map(array, function(obj){return obj.value}).join(' '). Thanks for showing the way!

jgawrych Over a year ago

Note for those who are using an ES5 shim or don't care about IE8 or below and want to avoid jquery, the syntax is almost the same. Instead of $.map(array, function(... use array.map(function(...

user2467065 · Accepted Answer · 2016-08-21 02:33:10Z

8

Use Array.map:

let data = [
  {
    "animal": "cat",
    "name": "Fluffy"
  },
  {
    "animal": "dog",
    "name": "Bowser"
  },
  {
    "animal": "cat",
    "name": "Felix"
  }
]

Now extract the names using .map:

let names = data.map(item => item.name)


let nameString = names.join(' ')

And now nameString contains Fluffy Bowser Felix.

answered Aug 21, 2016 at 2:33

user2467065

Collectives™ on Stack Overflow

join array of objects by using one property

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related