Javascript turn property of objects in array into a string [duplicate]

Question

I have an array of objects which are all instances of the same class like below:

class Foo {
    constructor(bar){
        this.bar = bar;
    }
}

var myArr = [new Foo("1"), new Foo("2"), new Foo("3"), new Foo("4")];

I want to be able to join the bar property of each object in the array into a comma separated string.

Is it possible to call the .join method on the property of an object? If not is below the most efficent way to do this?

 var result = "";
 for (var i = 0; i < myArr.length; i++){
     result += myArr[i].bar+","
 }

Or is there another way?

LWC · Accepted Answer · 2023-03-25 14:25:54Z

2

You can use Array.prototype.map:

var myArr = [
  {bar: "Joe", age: 22},
  {bar: "Kevin", age: 24},
  {bar: "Peter", age: 21}
];

console.log(myArr.map(function(x) { return x.bar; }).join(','));

edited Mar 25, 2023 at 14:25

LWC

1,2351 gold badge16 silver badges37 bronze badges

answered May 4, 2016 at 20:57

iulian

5,8523 gold badges32 silver badges40 bronze badges

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

Comments

LWC · Accepted Answer · 2023-03-25 14:30:03Z

2

You could use Array.prototype.reduce:

var myArr = [
  {bar: "Joe", age: 22},
  {bar: "Kevin", age: 24},
  {bar: "Peter", age: 21}
];

console.log(myArr.reduce(function(acc, el) {
     if(!acc) return el.bar;
     return acc + ', ' + el.bar;
}, ''));

edited Mar 25, 2023 at 14:30

LWC

1,2351 gold badge16 silver badges37 bronze badges

answered May 4, 2016 at 21:03

Max Kroshka

4972 silver badges5 bronze badges

1 Comment

William B Over a year ago

I think this is the "correct" approach. Mapping a collection to a single value is a reduction, strictly speaking. It will save a loop over mapping + joining as well.

RomanPerekhrest · Accepted Answer · 2016-05-04 21:10:38Z

0

The alternative solution using Array.reduce function:

var barValues = myArr.reduce((a,b) => (a['bar'] || a) + "," + b['bar']);
console.log(barValues);  // "1,2,3,4"

answered May 4, 2016 at 21:10

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

Collectives™ on Stack Overflow

Javascript turn property of objects in array into a string [duplicate]

3 Answers 3

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Linked

Related