1

Из API ответа я получаю данные в виде:

const arr = [
{
    product_id: 1,
    name: 'John'
},
{
    product_id: 1,
    name: 'Jane'
},
{
    product_id: 2,
    name: 'Mark'
},
{
    product_id: 2,
    name: 'Thomas'
}]

Для построения категорий товаров в React компонентах было бы удобнее остортировать данные в следующем виде:

const obj = {
1: [
    {
        product_id: 1,
        name: 'John'
    },
    {
        product_id: 1,
        name: 'Jane'
    }
],
2: [
    {
        product_id: 2,
        name: 'Mark'
    },
    {
        product_id: 2,
        name: 'Thomas'
    }
]

Вопрос соответствующий: как это можно грамотно сделать?

2
  • А как неграмотно сделать, Вы уже знаете?
    – user176262
    Commented 1 апр. 2021 в 20:17
  • @Igor, к сожалению, знаю )))
    – NeedH8
    Commented 1 апр. 2021 в 20:28

1 ответ 1

2

const arr = [
  { product_id: 1, name: 'John' },
  { product_id: 1, name: 'Jane' },
  { product_id: 2, name: 'Mark' },
  { product_id: 2, name: 'Thomas' }
];
const obj = arr.reduce(
  (r, i) => ((r[i.product_id] || (r[i.product_id] = [])).push(i), r), 
  {}
);
console.log(obj);

const arr = [
  { product_id: 1, name: 'John' },
  { product_id: 1, name: 'Jane' },
  { product_id: 2, name: 'Mark' },
  { product_id: 2, name: 'Thomas' }
];

const obj = {};
for (let i = 0; i < arr.length; i++) {
  let key = arr[i].product_id;
  let items = obj[key];
  if (!items) {
    items = [];
    obj[key] = items;
  }
  items.push(arr[i]);
}
console.log(obj);

4
  • Если не сложно, можно пошагово объяснить, что здесь происходит?
    – NeedH8
    Commented 1 апр. 2021 в 20:31
  • @NeedHate Давайте я покажу другой вариант, где это явно видно.
    – user176262
    Commented 1 апр. 2021 в 20:33
  • Было бы замечательно!
    – NeedH8
    Commented 1 апр. 2021 в 20:34
  • 1
    Огромная благодарность, теперь понятно!
    – NeedH8
    Commented 1 апр. 2021 в 20:39

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.