How to access nested data in Arrays and Objects with Javascript

Question

I am tring to use react-charts and the object they give as example data looks like this.

chartData: [
  {
    label: 'Series 1',
    data: [
      [0, 1],
      [1, 2],
      [2, 4],
      [3, 2],
      [4, 7],
    ],
  },
],

I want to build my own "data" and replace this temporary data but the whole object of arrays in objects in arrays (Or whatever it is confuses me.

Can someone explain the nesting here. Is it an array of 2 objects label and data and data` is an array of key value pairs. Is that accurate?

I'm kind of trying something like this...

   let myData = []
   res.data.payload.forEach(function (item, index) {
      console.log(item, index)
      myData[(index, item.odds)]
   })
   this.setState({ chartData[data]: myData })

Am I even close?

Thanks

Zhang TianYu · Accepted Answer · 2021-05-29 04:33:38Z

1

You can do like this

   let myData = []
   res.data.payload.forEach(function (item, index) {
      console.log(item, index)
      myData.push([index, item.odds])
   })
   this.setState({ chartData: [{...this.state.chartData[0], data: myData}] })

edited May 29, 2021 at 4:33

answered May 29, 2021 at 4:25

Zhang TianYu

1,1957 silver badges11 bronze badges

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

3 Comments

Zhang TianYu Over a year ago

Key thing is to create new chartData array object.

Zhang TianYu Over a year ago

try to console log myData

MomasVII Over a year ago

Sorry you had charData not chartData. All fixed Thank you!

Collectives™ on Stack Overflow

How to access nested data in Arrays and Objects with Javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related