Update array of objects property value on specific condition in angular

November 27, 2022

I have this array of objects returned from server

{
    "Code": 200,
    "Message": "Success",
    "response": [
        {
            "UserId": null,
            "FullName": test,
            "Status": null,
            "IsActive": 1
        },
        {
            "UserId": null,
            "FullName": null,
            "Status": 'Active',
            "IsActive": 0
        }...
         ...
    ]
}

getting response in List variable

 this.Service.getUser(payload).subscribe(result => {
          this.List = result['response'];
 });

i need some way to manipulate Status value such as if Status is null the assign it Active value.

and again store it in this.List variable without using any loop.

Please suggest some solution.

Thanks

>Solution :

You can make use of map here to loop over response array and add State as Active if Status === null

const apiData = {
  "Code": 200,
  "Message": "Success",
  "response": [{
      "UserId": null,
      "FullName": 'test',
      "Status": null,
      "IsActive": 1
    },
    {
      "UserId": null,
      "FullName": null,
      "Status": 'Active',
      "IsActive": 0
    }
  ]
}

const result = apiData.response.map(o => ({ ...o, Status: o.Status ?? "Active" }));
console.log(result);