JavaScript中基于条件高效更新对象数组并返回新数组的策略

var list = [
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 3, color: 'yellow' },
  { id: 44, val: 4, color: 'black' },
  { id: 55, val: 2, color: 'indigo' },
];

var paramId = 44;
var paramValue = 3;

let result = [];
for (const item of list) {
  if (item.val === paramValue && item.id !== paramId) {
    // 这里的 item.val = item.val ?? item.val + 1; 语法在某些JS版本中可能需要注意
    // 且直接修改了原始 item 对象
    item.val = (item.val === null || item.val === undefined) ? 1 : item.val + 1; // 修正null/undefined处理
    result.push(item);
  } else {
    // 如果不满足条件，原始对象也不会被添加到 result 中
    // 这会导致最终数组的长度小于原始数组
  }
}
console.log(result); // 结果可能不符合预期，数组长度和内容都有问题

const list = [
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 3, color: 'yellow' },
  { id: 44, val: 4, color: 'black' },
  { id: 55, val: 2, color: 'indigo' },
];

/**
 * 根据指定条件更新对象数组中的值，并返回一个新数组。
 *
 * @param {number} ignoreId - 需要忽略的ID。
 * @param {number} matchValue - val属性需要匹配的值。
 * @returns {Array<Object>} 更新后的新对象数组。
 */
const updateList = (ignoreId, matchValue) =>
  list.map((item) => ({
    // 使用对象展开运算符复制所有原始属性
    ...item,
    // 根据条件更新 val 属性
    val:
      item.id !== ignoreId && item.val === matchValue
        ? // 如果满足条件，将 val 递增。
          // 注意：item.val || 0 可以将 null/undefined 视为 0 进行加法运算。
          (item.val || 0) + 1
        : // 否则，保持 val 不变
          item.val,
  }));

// 场景一：当 paramId = 44, paramValue = 3
// 期望结果：
// {id:13, val: 4, color: "yellow"} (id=13, val=3 满足条件，val递增为4)
// {id:44, val: 3, color: "black"} (id=44, val=4 不满足条件 id !== ignoreId)
// 其他对象 val 不变
console.log("场景一 (paramId=44, paramValue=3):", updateList(44, 3));
/* 预期输出类似:
[
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 4, color: 'yellow' }, // val 从 3 变为 4
  { id: 44, val: 4, color: 'black' },
  { id: 55, val: 2, color: 'indigo' }
]
*/

// 场景二：当 paramId = 13, paramValue = 2
// 期望结果：
// {id:55, val: 3, color: "indigo"} (id=55, val=2 满足条件，val递增为3)
// 其他对象 val 不变
console.log("场景二 (paramId=13, paramValue=2):", updateList(13, 2));
/* 预期输出类似:
[
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 3, color: 'yellow' },
  { id: 44, val: 4, color: 'black' },
  { id: 55, val: 3, color: 'indigo' } // val 从 2 变为 3
]
*/