How to get json objects to separate arrays React

Question

I'm working on a project, where I have to get 2 json objects to different arrays for use in the app. I want it to be done dynamically, because in the future there might be one, two, three or possibly four objects inside this json array. I know how to get the objects with hard coding the list indexes and pushing them into array, but i dont know how to do it dynamically.

Here is the JSON data that im working with:

[
  {
    equipment: "",
    values: [
      {
        id: "123456",
        timestamp: [
          
        ]
      },
      {
        id: "12345",
        timestamp: [
          
        ]
      }
    ]
  }
]

So, tl:dr is: How do i get both "values" objects to their own arrays? Also im working with react and typescript.

can you please share some code what you have done till now? and an example of the final result you need. for me its difficult to understand what actually you need. — Shubham Kumar
– Shubham Kumar, Commented Oct 15, 2021 at 7:43

martin66 · Accepted Answer · 2021-10-15 14:08:20Z

1

Use map since your data seems to be an array...

let listOne = [];
let listTwo = [];

data.map(object => object.values).forEach(valuesArray => {
 listOne.push( valuesArray[0]);
 listTwo.push( valuesArray[1]);
})

console.log(listOne, listTwo)

edited Oct 15, 2021 at 14:08

answered Oct 15, 2021 at 6:29

martin66

3873 silver badges11 bronze badges

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

2 Comments

Roni Over a year ago

Hey! I tried your solution, but im getting same amount of objects returned as with my previous solution that only returns the first object from the json.

martin66 Over a year ago

I have modified the code to seperate the values into two lists

Collectives™ on Stack Overflow

How to get json objects to separate arrays React

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related