Reactjs: How to get values from array of objects

Question

I am a beginner in rectjs. In my project, there is a list of objects stored in "groupedItems", and using sort() to order them and stored them into a variable "numAscending".

Now its structure is in the above picture. but I want to change them like in the below picture.

Here is the code which I tried.

 groupedItems.map((items)=>{
                numAscending = [...items].sort((a, b) => a.subsolution_name - b.subsolution_name);
                temp.push({numAscending})
            })
            console.log("temp", temp)


            // result = temp.map((option, key) => {
            //     console.log("eeeeeeee", option)
            //     option.map((item)=>{
            //         console.log("iteee", item)
            //     })
            // });

            // console.log('result', result);

I tried to fix it but failed (lines are started with //). Please give me a suggestion to solve this problem.

Drew Reese · Accepted Answer · 2022-08-12 04:33:12Z

2

You probably could flatten the groupedItems array's element values, which appear to be arrays, and then sort the overall result array.

Example:

const result = groupedItems
  .flat(Number.POSITIVE_INFINITY)
  .sort((a, b) => a.subsolution_name - b.subsolution_name);

answered Aug 12, 2022 at 4:33

Drew Reese

207k19 gold badges280 silver badges292 bronze badges

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

Comments

Kaneki21 · Accepted Answer · 2022-08-12 04:35:50Z

1

You can reduce it to get the array and then sort it

const reducedItems = groupedItems.reduce((prev,curr)=>{
    return [...prev,...curr.numAscending]
},[]);
const sortedItems = reducedItems.sort((a, b) => a.subsolution_name - b.subsolution_name);

answered Aug 12, 2022 at 4:35

Kaneki21

1,4222 gold badges7 silver badges25 bronze badges

Collectives™ on Stack Overflow

Reactjs: How to get values from array of objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related