Объединение массива объектов в один массив объектов
Я пытаюсь объединить все объекты элементов из файла JSON в один объект элементов. Файловая структура JSON выглядит следующим образом;
[
{"items":["product1","product2","product3"]},
{"items":["product4","product5","product6"]},
]
Чего я хочу добиться, так это объединить все элементы в один объект элементов, например;
[
{"items":["product1","product2","product3,"product4","product5","product6"]},
]
Я пробовал concat или распространять, но не мог заставить ни работать. Как я могу этого добиться или какой метод лучше всего использовать в этом случае?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Вам нужна reduce, функция, работа которой состоит в том, чтобы «свести» список значений к одному значению. В JavaScript reduce — это метод для каждого массива. Первый параметр reduce — это функция, принимающая текущий результат, затем текущий элемент и возвращающая следующий результат. Второй аргумент для уменьшения — это начальное значение подсчета, в нашем случае это объект «items» с пустым массивом.
const LIST = [
{"items":["product1","product2","product3"]},
{"items":["product4","product5","product6"]},
]
const { items } = LIST.reduce((acc, element) => ({
items: [...acc.items, ...element.items]
}), { items: [] })
console.info(items)Используйте Array.reduce() и оператор распространения, чтобы поместить элементы в один объект и массив:
const arr = [
{"items":["product1","product2","product3"]},
{"items":["product4","product5","product6"]},
]
const res = arr.reduce((acc, cur) => {
acc[0].items.push(...cur.items);
return acc;
}, [{'items': []}]);
console.info(res);В массиве с одним объектом не так много смысла. Почему бы не создать массив и не добавлять/распространять в него значения элементов каждого объекта с помощью простой цикл. Намного читабельнее, чем reduce.
const data = [
{ items: ['product1', 'product2', 'product3'] },
{ items: ['product4', 'product5', 'product6'] }
];
const items = [];
for (const obj of data) {
items.push(...obj.items);
}
console.info(items);