сопоставить object.keys в строку из массива объектов

Question

У меня есть массив, например:

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

Я бы хотел отобразить это в одну строку ->

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

, чтобы результат внутриdataSource.data.interface выглядит как 'Foo, bar, boo'

Answer 1

Использовать 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;
    }, "");

Answer 2

Вы можете отобразить свойство name и присоединиться к массиву.

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);