How to create a new array containing data from an other array in react native?

Question

How do I create a new array from another array

my array is data1

this.state = {
    data1: [
        {'x':'%20', 'y':11, 'z':'sunday'},
        {'x':'%30', 'y':21, 'z':'monday'},
        {'x':'%40', 'y':31, 'z':'tuesday'}          
    ],
    data2: [],
}

and i want to create data2, that look like this

data2: [
    {'x':'%20-(11)-sunday'},
    {'x':'%30-(21)-monday'},
    {'x':'%40-(31)-tuesday'}
]

parohy · Accepted Answer · 2018-09-10 07:36:52Z

1

Have a look at array.map.

const data2 = data1.map(value => ({ x: `${value.x}-(${value.y})-${value.z}` }))

answered Sep 10, 2018 at 7:36

parohy

2,1992 gold badges25 silver badges38 bronze badges

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

Comments

Mohammed Ashfaq · Accepted Answer · 2018-09-10 08:29:02Z

0

  data1=  [
   {'x':'%20', 'y':11, 'z':'sunday'},
   {'x':'%30', 'y':21, 'z':'monday'},
   {'x':'%40', 'y':31, 'z':'tuesday'}          
  ]
    
  data2 = data1.map((item)=> ({x: Object.values(item).join('-')}))
  console.log("data2", data2)

answered Sep 10, 2018 at 8:29

Mohammed Ashfaq

3,4262 gold badges19 silver badges24 bronze badges

Comments

Sandy..... · Accepted Answer · 2018-09-10 08:05:07Z

0

You can use below function to convert data1 array to data2 array:

createCustomArray() {
   this.state.data1.forEach(function (item) {
      this.state.data2.push({'x': item.x+'-('+item.y+')-'+item.z});
   });
}

answered Sep 10, 2018 at 8:05

Sandy.....

2,8702 gold badges18 silver badges28 bronze badges

2 Comments

parohy Over a year ago

This is agains the guidelines. You are mutating the state this wont rerun the component lifecycle.

Sandy..... Over a year ago

As @OzgrMan is referring the data2 array within state, its essential to append data to data2 array within state. Hence it is a good practice to create a custom array whenever you get data1 by just calling that function

Collectives™ on Stack Overflow

How to create a new array containing data from an other array in react native?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related