如何用 JavaScript 替换对象数组中属性值并处理多个对象？-js教程-PHP中文网

如何用 JavaScript 替换对象数组中属性值并处理多个对象？

霞舞

发布： 2024-11-14 09:27:01

原创

1035人浏览过

如何用 javascript 替换对象数组中属性值并处理多个对象？

如何在前端 js 中替换对象数组中值，同时处理多个对象的情况？

您提供了一个 json 对象数组，需要将其中“assessingstatus”属性替换为红色标记值。为了处理多个对象的情况，需要考虑以下步骤：

提取“assessingstatus”属性值：将对象数组中所有“assessingstatus”属性值提取到一个单独的数组中。
深拷贝“assessingstatus”数组：对“assessingstatus”数组进行深拷贝，创建对其值的副本。
迭代深拷贝数组：逐个遍历深拷贝数组中的值。
根据上一值计算新值：对于第一个值，将其设置为红色标记值 3。对于后续值，根据上一值是红色标记值 1 还是 2，将其替换为红色标记值 1 或原始值。
更新原始数组：将深拷贝数组中计算出的值替换回原始“assessingstatus”数组中。

使用您提供的代码实现上述步骤如下：

const assessingofficer = [...];

// 提取“assessingstatus”属性值
var assessingofficerarr = assessingofficer.map((el) => el.assessingstatus);

// 深拷贝“assessingstatus”数组
var deepassessingofficerarr = json.parse(json.stringify(assessingofficerarr));

// 迭代深拷贝数组
for (let i = 0; i < deepassessingofficerarr.length; i++) {
  if (i === 0)
    assessingofficerarr[0] = deepassessingofficerarr[0] === 1 ? 3 : deepassessingofficerarr[0];
  if (i > 0)
    assessingofficerarr[i] =
      deepassessingofficerarr[i] === 1
        ? 3
        : deepassessingofficerarr[i - 1] === 1
        ? 1
        : deepassessingofficerarr[i];
}

登录后复制

最终，assessingofficerarr 将包含替换后的值，如下所示：