17370845950

本文介绍一种安全、可读性强的方案，使用反向遍历配合状态缓存，将对象中值为空数组的键，用其后首个非空数组的第一个元素进行填充，避免原方法中索引越界和逻辑混乱的问题。

在处理配置对象或数据映射结构时，常遇到“空占位”场景：某些键对应空数组 []，期望自动继承后续最近一个非空数组的首项作为默认值。原始尝试中直接依赖 index + 1 访问易引发 undefined 或越界错误（如末尾空数组无后续项），且未处理多层嵌套或连续空值的情况。

推荐采用 反向遍历 + 状态缓存 的稳健策略：从最后一个属性开始向前扫描，维护一个 nextValidItem 变量，记录最近遇到的合法首元素；每当遇到空数组，即用该缓存值填充——逻辑清晰、一次遍历、无副作用。

以下是完整实现：

const myItems = {
  'items1': [{first: true, second: false}, {first: true, second: true}],
  'items2': [], // → 填充为 {first: true, second: false}
  'items3': [], // → 填充为 {first: true, second: false}
  'items4': [{first: true, second: false}, {first: true, second: true}],
  'items5': [{first: false, second: true}],
  'items6': [], // → 填充为 {first: true, second: true}
  'items7': [{first: true, second: true}],
};

let nextValidItem = null;

// 使用 Object.entries() 保证键顺序（ES2015+ 环境下与定义顺序一致）
Object.entries(myItems)
  .reverse()
  .forEach(([key, value]) => {
    if (Array.isArray(value) && value.length > 0) {
      // 遇到非空数组：更新缓存为首个元素（深拷贝以防引用污染）
      nextValidItem = { ...value[0] };
    } else if (Array.isArray(value) && value.length === 0 && nextValidItem !== null) {
      // 遇到空数组且已有有效缓存：填充为缓存副本
      myItems[key] = [nextValidItem];
    }
  });

console.log(myItems);
// 输出中 items2/items3/items6 已被正确填充，且不修改原始非空数组结构

✅ 关键优势：

• ✅ 安全：规避 values[index+1] 越界风险；
• ✅ 稳定：连续多个空数组均能获得相同“下一个有效值”，符合预期；
• ✅ 无侵入：仅修改目标空数组，不改动原数据引用；
• ✅ 可扩展：如需深拷贝整个数组而非仅首项，可替换为 JSON.parse(JSON.stringify(...)) 或结构化克隆（structuredClone）。

⚠️ 注意事项：

• 若对象键顺序对业务敏感，请确保运行环境支持 Object.entries() 的插入顺序（现代浏览器及 Node.js ≥12 默认满足）；
• 若 myItems 是只读对象或需不可变更新，应改用 reduceRight 构建新对象，而非就地修改；
• 缓存值始终取自后续首个非空数组的第 0 项，不跨层级或回溯，语义明确。

此方法以清晰的状态流替代脆弱的索引计算，是处理此类“向后继承默认值”问题的工程友好型解法。