Breaking News: Grepper is joining You.com. Read the official announcement!

in react js how to access deep nested array

Fantastic Flamingo answered on September 26, 2022 Popularity 5/10 Helpfulness 2/10

answer in react js how to access deep nested array

in react js how to access deep nested array

Comment

let array = [
  {_key: 'ade9a24f5cb6', _type: 'block', caption: null, children: [
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '1 Lorem ipsum dolor sit amet'},
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '2 Lorem ipsum dolor sit amet'}
  ], markDefs: Array(0) },
  {_key: '5aa8a2fa2969', _type: 'block', caption: null, children: [
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '3 Lorem ipsum dolor sit amet'}
  ], markDefs: Array(0) },
  {_key: '602703f9c2b7', _type: 'block', caption: null, children: [
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '4 Lorem ipsum dolor sit amet'},
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '5 Lorem ipsum dolor sit amet'},
    {_key: '76f4ec1ed87f', _type: 'span', marks: Array(0), text: '6 Lorem ipsum dolor sit amet'},
  ], markDefs: Array(0) },
  {_key: '211597e8045a', _type: 'block', caption: null, children: [], markDefs: Array(0) }
]

let results = array.map(x => x.children).flat().map(y => {
          console.log(y);
          y.text;
});
console.log(results);
 Run code snippetHide results

Popularity 5/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript nested

Link to this answer
Share Copy Link

Contributed on Sep 26 2022

Fantastic Flamingo

0 Answers Avg Quality 2/10

in react js how to access deep nested array

Contents

More Related Answers

in react js how to access deep nested array

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.