matching the arrays react js

Question

This may be a silly question.

I'm creating a dashboard and as a first step, i used dummy hard-coded values to build the dashboard. after that, I got data from API and now I want to use data from API instead of using hard-coded data.

Expanded the API array:

API array represents data from API and hardcoded array represents data from hard coded data. as you can see, the array format differs from API to hardcoded. instead of array inside array can we have the data format the same as in a hardcoded array(just values only)?

const hardcoded = [
    [118, 1, 2, 3, 100, 2, 10, 108],
    [3, 1, 1, 1, 3, 4, 5],
    [10, 4, 2, 12, 45, 356],
    [8, 1, 2, 3, 1],
    [3, 1, 1, 100],
    [10, 491, 2],
];

const dataFromApi1 = lostRecoveryInfo?.map(
    ({ lost, recoveryTimespan, netLost, netRecovered }) => [
        lost,
        recoveryTimespan?.map(({ count }) => count),

        netLost,
        netRecovered,
    ],
);

console.log("------------------->API", dataFromApi1);
console.log("------------------->hardcoded", hardcoded);

Current data format from API and expected data format from API are given below:

Do you need to filter out the second element in the API response array items? — Laxman Sharma
– Laxman Sharma, Commented Oct 12, 2022 at 4:42

Rodrigo Rodrigues · Accepted Answer · 2022-10-12 05:18:39Z

1

As simple as this:

yourApiData.map(x=>x.flat())

You can take a look at the docs on the funtions map and flat.

yourApiData = [
    [118, [1, 2, 3, 100, 2], 10, 108],
    [3, [1, 1, 1, 3], 4, 5],
    [10, [4, 2, 12], 45, 356],
    [8, [1, 2], 3, 1],
    [3, [1], 1, 100],
    [10, [], 491, 2],
]
console.log(yourApiData.map(x=>x.flat()))

answered Oct 12, 2022 at 5:18

Rodrigo Rodrigues

8,6321 gold badge32 silver badges43 bronze badges

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

Comments

Nicxzmiller Marcus · Accepted Answer · 2022-10-12 04:35:56Z

1

A suggestion is to try to replace the underscores/spaces/quotes using replace(). e.g.

const newData = key.replace("argument to be replaced", "value to replace argument");
console.log(newData);

I hope this was helpful.

answered Oct 12, 2022 at 4:35

Nicxzmiller Marcus

567 bronze badges

Collectives™ on Stack Overflow

matching the arrays react js

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