JavaScript数组对象属性级联更新与值传递技巧

let paramid = 25;
const arrobj = [
  { id: 10, price: null },
  { id: 12, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: 3 }, // 目标对象
  { id: 23, price: 4 },
  { id: 43, price: 5 },
];

[
  { id: 10, price: null },
  { id: 12, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: null },
  { id: 23, price: 3 },
  { id: 43, price: 4 },
];

/**
 * 根据指定ID更新数组对象，并级联调整后续元素的price值
 * @param {Array<Object>} arrobj 原始对象数组
 * @param {number} paramid 要查找并更新的对象的ID
 * @returns {Array<Object>} 更新后的新数组
 */
function updateArrayWithCascadingPrice(arrobj, paramid) {
  // 1. 使用 findIndex 查找匹配 paramid 的对象的索引
  const sameIdIndex = arrobj.findIndex((item) => item.id === paramid);

  // 如果未找到匹配的ID，则直接返回原始数组的副本
  if (sameIdIndex === -1) {
    console.warn(`ID为 ${paramid} 的对象未找到，未进行更新。`);
    return [...arrobj];
  }

  // 2. 使用 map 遍历数组并根据逻辑创建新数组
  const updatedArray = arrobj.map((item, index) => {
    // 目标对象：将 price 设置为 null
    if (index === sameIdIndex) {
      return { ...item, price: null };
    }
    // 目标对象之后的元素：price 取其前一个元素的原始 price 值
    else if (index > sameIdIndex) {
      // 获取前一个元素的原始 price 值
      // 注意：这里是获取 arrobj[index - 1] 的 price，而不是 updatedArray[index - 1]
      // 因为 updatedArray 正在构建中，且我们希望基于原始数组的相对位置进行价格传递
      const previousItemPrice = arrobj[index - 1].price;
      return { ...item, price: previousItemPrice };
    }
    // 目标对象之前的元素：保持不变
    else {
      return item;
    }
  });

  return updatedArray;
}

// 示例 1
let paramid1 = 25;
const arrobj1 = [
  { id: 10, price: null },
  { id: 12, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: 3 },
  { id: 23, price: 4 },
  { id: 43, price: 5 },
];
const result1 = updateArrayWithCascadingPrice(arrobj1, paramid1);
console.log("示例 1 结果:", result1);
/* 期望输出:
[
  { id: 10, price: null },
  { id: 12, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: null },
  { id: 23, price: 3 },
  { id: 43, price: 4 },
]
*/

// 示例 2
let paramid2 = 43;
const arrobj2 = [
  { id: 10, price: null },
  { id: 13, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: 5 },
  { id: 23, price: 6 },
  { id: 43, price: 4 }, // 目标对象
  { id: 28, price: 7 }
];
const result2 = updateArrayWithCascadingPrice(arrobj2, paramid2);
console.log("示例 2 结果:", result2);
/* 期望输出:
[
  { id: 10, price: null },
  { id: 13, price: 1 },
  { id: 14, price: 2 },
  { id: 25, price: 5 },
  { id: 23, price: 6 },
  { id: 43, price: null },
  { id: 28, price: 4 } // 注意这里是取 arrobj2[5].price (即4)
]
*/
// 修正示例2的期望输出，根据代码逻辑：
// 43 的 price 设为 null，其原始 price 是 4。
// 28 (index 6) 的 price 应该取 arrobj2[5] (index 5, 原始是 {id: 43, price: 4}) 的 price，即 4。
// 示例2的原始期望输出 [ { id: 12, price: 1 }, ... ] 看起来有误，已根据问题描述和代码逻辑修正。
// 修正后的期望输出与代码逻辑一致:
// [
//   { id: 10, price: null },
//   { id: 13, price: 1 },
//   { id: 14, price: 2 },
//   { id: 25, price: 5 },
//   { id: 23, price: 6 },
//   { id: 43, price: null },
//   { id: 28, price: 4 }
// ];