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

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
– Arman Charan

2018-03-30 06:03:37 +00:00
Commented Mar 30, 2018 at 6:03 — Arman Charan
– Arman Charan, Commented Mar 30, 2018 at 6:03

Abslen Char · Accepted Answer · 2018-03-30 01:07:00Z

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, 2018 at 1:07

answered Mar 30, 2018 at 1:02

Abslen Char

3,1453 gold badges18 silver badges29 bronze badges

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

3 Comments

Hamms Over a year ago

even better would be Object.assign({}, el, { checked: false })

Abslen Char Over a year ago

@Hamms yes it should work also

Vicky Over a year ago

That will work. Thank you guys!

Jatin parmar · Accepted Answer · 2018-03-30 01:03:53Z

0

 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
                        });
                    }

answered Mar 30, 2018 at 1:03

Jatin parmar

5426 silver badges13 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related