Set a property of each object of an array by default in react js

Question

I am declaring an empty array of objects called filter in constructor:

constructor(props){
    super(props);
    this.state = {
       filter: []
    }
}

I am getting an API response which is an array objects something like below and storing in filter variable.

[    
    {
       name: "xyz",
       language: "english",
       age: 20
    },
    {
       name: "abc",
       language: "history",
       age: 21
    },
    {
       name: "efi",
       language: "geography",
       age: 20
    }
]

I was looking for a way where I can set a property like checked = false for each object in filter array by default in jsx file. Though the response from API is above, after receiving the response, the array should like

[    
    {
       name: "xyz",
       language: "english",
       age: 20,
       **checked: false**
    },
    {
       name: "abc",
       language: "history",
       age: 21,
       **checked: false**
    },
    {
       name: "efi",
       language: "geography",
       age: 20,
       **checked: false**
    }
]

`objects.map(x => ({...x, checked: false}))` – Arman Charan Mar 30 '18 at 06:03 — Arman Charan, Mar 30 '18 at 06:03

Abslen Char · Accepted Answer · 2018-03-30T01:07:00.760

2

using map and Object.assign, assuming obj is the respanse that you get from your api you can run the function below to parse your array an then set the respanse to your state

var obj=[    
    {
       name: "xyz",
       language: "english",
       age: 20
    },
    {
       name: "abc",
       language: "history",
       age: 21
    },
    {
       name: "efi",
       language: "geography",
       age: 20
    }
]

var result = obj.map(el => {
  var o = Object.assign({}, el);
  o.checked = false;
  return o;
})


console.log(result);

edited Mar 30 '18 at 01:07

answered Mar 30 '18 at 01:02

Abslen Char

3,071
3
15
29

2

even better would be `Object.assign({}, el, { checked: false })` – Hamms Mar 30 '18 at 01:05
@Hamms yes it should work also – Abslen Char Mar 30 '18 at 01:08
That will work. Thank you guys! – Vicky Mar 30 '18 at 04:46

score 0 · Answer 2 · answered Mar 30 '18 at 01:03

 Api.post(JSON.stringify(ConditionJson), AppConst.BaseURL + 'query/execute/conditions/LoyaltyStamps', (err, responseJson) => {
                    if (err) {
                        Alert.alert('Error!', err);
                    }
                    else {
                        var checked = 'false';
                        var name = responseJson.map(function (info) {
                            checked += 'false';
                        });

                        this.setState({
                            ischecked: checked
                        });
                    }

Set a property of each object of an array by default in react js

2 Answers2