在角度的特定条件下更新对象属性值数组

Question

我从服务器返回了这个对象数组

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

在List变量中得到响应

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

我需要一些方法来操纵 Status 值，例如 Status 是 null 并为其分配 Active 值。

并再次将其存储在 this.List 变量中，而不使用任何循环。

请提出一些解决方案。

谢谢

Answer 1

由于响应对象是一个Array，你可以在它上面直接使用map。 {...user} 将使用现有对象的所有属性。只有Status 会被提供的逻辑覆盖。

this.List = result['response'].map((user) => ({...user, Status: user.status === null ? 'Active' : user.status}));

没有你就无法解决这个问题一些一种循环。这就是数组的本质。

Answer 2

你可以在这里使用map来遍历response数组并添加State作为Active如果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);