高效JavaScript数组对象条件更新与不可变性实践

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' },
];

const paramId = 44;
const paramValue = 3;

// 这种方法直接修改原始数组，且未完全实现需求
let result = [];
for (const item of list) {
  if (item.val === paramValue && item.id !== paramId) {
    item.val = (item.val ?? 0) + 1; // 仅处理了递增逻辑
    result.push(item); // 仅添加了符合递增条件的项目，导致数组长度不一致
  }
}
console.log(result); // 结果不完整，且原始list被修改

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' },
];

/**
 * 根据指定条件更新数组中对象的val属性。
 * - 如果item.id与paramId匹配，则设置item.val为paramValue。
 * - 如果item.val与paramValue匹配且item.id不等于paramId，则递增item.val。
 * - 否则，item.val保持不变。
 *
 * @param {number} paramId - 用于匹配ID的参数。
 * @param {number} paramValue - 用于设置或匹配值的参数。
 * @returns {Array<Object>} - 返回一个包含更新后对象的新数组，原始数组保持不变。
 */
const updateList = (paramId, paramValue) => {
  return list.map((item) => {
    // 使用对象扩展运算符创建当前item的浅拷贝，确保不可变性
    const newItem = { ...item };

    if (item.id === paramId) {
      // 规则1: 如果id匹配paramId，设置val为paramValue
      newItem.val = paramValue;
    } else if (item.val === paramValue) {
      // 规则2: 如果val匹配paramValue且id不等于paramId，递增val
      // 使用逻辑或操作符 (||) 处理val为null或undefined的情况，确保能正确递增
      newItem.val = (item.val || 0) + 1;
    }
    // 规则3: 否则，val保持不变 (newItem中已是item的原始val)

    return newItem; // 返回更新后的新对象
  });
};

// 示例调用1: paramId = 44, paramValue = 3
console.log('--- 示例1: paramId = 44, paramValue = 3 ---');
const updatedList1 = updateList(44, 3);
console.log(updatedList1);
/*
预期输出 (值匹配，顺序与原始list一致):
[
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 4, color: 'yellow' }, // val从3递增到4 (因为paramValue=3)
  { id: 44, val: 3, color: 'black' },  // val从4设置为3 (因为paramId=44)
  { id: 55, val: 2, color: 'indigo' }
]
*/

// 示例调用2: paramId = 13, paramValue = 2
console.log('\n--- 示例2: paramId = 13, paramValue = 2 ---');
const updatedList2 = updateList(13, 2);
console.log(updatedList2);
/*
预期输出 (值匹配，顺序与原始list一致):
[
  { id: 10, val: null, color: 'red' },
  { id: 23, val: 1, color: 'blue' },
  { id: 13, val: 2, color: 'yellow' }, // val从3设置为2 (因为paramId=13)
  { id: 44, val: 4, color: 'black' },
  { id: 55, val: 3, color: 'indigo' }  // val从2递增到3 (因为paramValue=2)
]
*/

console.log('\n--- 原始列表 (未被修改) ---');
console.log(list); // 验证原始list未被修改