map object.keys into string from array of objects

Question

I have an array, this for example:

interface: [
    { _id: '1', name: 'Foo' },
    { _id: '2', name: 'bar },
    { _id: '3', name: 'boo}
]

i'd now like to map this to a single string ->

this.dataSource.data = data.data.map(item => ({
     interface: item.interfaces.name,
}));

so that the result inside the dataSource.data.interface looks like 'Foo, bar, boo'

That's a reduce, not a map.

jonrsharpe
– jonrsharpe

2019-02-09 17:23:21 +00:00
Commented Feb 9, 2019 at 17:23 — jonrsharpe
– jonrsharpe, Commented Feb 9, 2019 at 17:23
do you like to update interface?

Nina Scholz
– Nina Scholz

2019-02-09 17:24:00 +00:00
Commented Feb 9, 2019 at 17:24 — Nina Scholz
– Nina Scholz, Commented Feb 9, 2019 at 17:24

Nina Scholz · Accepted Answer · 2019-02-09 17:23:24Z

4

You could map the name property and join the array.

var data = { interface: [{ _id: '1', name: 'Foo' }, { _id: '2', name: 'bar' }, { _id: '3', name: 'boo' }]};

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

console.log(data);

answered Feb 9, 2019 at 17:23

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

1 Comment

Sithys Over a year ago

wow thank you so much, this works great!!!! Acceptable in 8 minutes :-)

ehutchllew · Accepted Answer · 2019-02-09 17:29:14Z

-1

Use Array.prototype.reduce:

const concatString = data.interface.reduce((acc, value, index, arr) => {
    const str = index !== arr.length - 1 ? `${value.name}, ` : value.name;
    return acc += str;
    }, "");

answered Feb 9, 2019 at 17:29

ehutchllew

9588 silver badges16 bronze badges

Collectives™ on Stack Overflow

map object.keys into string from array of objects

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related