Change the array data coming from the api

Question

I have a question in an application on React Native I’d like your help.

How do I increment a new item in the array that comes from the api.

The array of api today returns so:

data:[{ id:1, name:'product01'}, {id:2, name:'product02' }];

I’d like to put status within this array for each item. How can I do?

Answer 1

Create a new array with map that will go through all the items and Object.assign that can add new elements to each object, example:

const data = [{ id:1, name:'product01'}, {id:2, name:'product02' }];

const changeData = 
  data.map(function(item) {
    return Object.assign({}, item, { status: true });
  });
  

console.log(changeData);

Good reading:

• What is the difference between Object.assign and spread Operator?
• How to list an Array with . map()?
• What is map / reduce?

Answer 2

Complementing the reply of the colleague @novic can use the forEach(), as below:

const data = [{ id: 1, name: 'product01' }, { id: 2, name: 'product02'}];
data.forEach(item => item = Object.assign(item, { status: true }));
console.log(data);