How to extract value from an object and also an array to form another array?

Question

How do I extract "category" from data and use it as the key for the new output array that includes "name" field from listData array

 const data = {
    "32": {
        "id": 32,
        "category": "Grocery Items",
    }, I 
     "33": {
        "id": 33,
        "category": "Household Items",
    }, 
}

This is the listData array and I would need to extract the data from list.

const listData = [
{
    "data": {
        "list": [
            {
                "id": 1,
                "category_id": 32,
                "title": "Eggs",
                "category": "Grocery Items"
            },
            {
                "id": 2,
                "category_id": 32,
                "title": "Bacon",
                "category": "Grocery Items"
            }
         ]
     }
}
]

Sample Output:

It contains the category from data as the key and data from list array.

const output = {
    "Grocery Items": [
      {
            "id": 1,
            "category": "Grocery Items",
            "name": "Eggs",
      },
      {
            "id": 2,
            "category": "Grocery Items",
            "name": "Bacon",
      },
      ]
}

I tried this but did not give the correct structure

    const output = Object.values(data).map((acc, { title, id }) => {
                let filteredList = [];
                listData.forEach((element) => {
                    console.log(element.data.list)
                    filteredList = element.data.list
                        .filter((item) => item.title === title)
                });

                if (filteredList.length) {
                    acc[title] = filteredList;
                }

                return acc;
            }, {});

what did you tried ?

zb'
– zb'

2022-09-22 09:29:23 +00:00
Commented Sep 22, 2022 at 9:29 — zb'
– zb', Commented Sep 22, 2022 at 9:29
I added the solution i tried in the question @zb

Derek Hough
– Derek Hough

2022-09-22 09:32:01 +00:00
Commented Sep 22, 2022 at 9:32 — Derek Hough
– Derek Hough, Commented Sep 22, 2022 at 9:32

StepUp · Accepted Answer · 2022-09-22 09:33:57Z

It is possible to use reduce method. Ad mdn says:

The reduce() method executes a user-supplied "reducer" callback function on each element of the array, in order, passing in the return value from the calculation on the preceding element. The final result of running the reducer across all elements of the array is a single value.

So code would look like this:

let obj = array.reduce((acc, cur)  => {
  acc[cur.category_id] = {id: cur.category_id, category: cur.category };
  return acc;
}, {});

An example can be seen here:

const array = [
  {
      "id": 1,
      "category_id": 32,
      "title": "Eggs",
      "category": "Grocery Items"
  },
  {
      "id": 2,
      "category_id": 33,
      "title": "Bacon",
      "category": "Grocery Items 33"
  }
]


let obj = array.reduce((acc, cur)  => {
  acc[cur.category_id] = {id: cur.category_id, category: cur.category };
  return acc;
}, {});

console.log(obj)

Collectives™ on Stack Overflow

How to extract value from an object and also an array to form another array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related