如何将数组数据批量映射填充到复杂嵌套结构的对象中？

问题描述 #

需要将包含多种类型元素的数组MyArray，按顺序填充到带有嵌套对象、一维/二维数组的目标对象MyObject中，要求每个数组元素对应填充到对象的一个可赋值位置（包括基础类型属性、数组元素、嵌套对象属性）。

示例数据 #

目标对象：

const MyObject = {
  String: '',
  Number: 0,
  Array2D: [[0, 0, 0], [0, 0, 0], [0, 0, 0]],
  Array1D: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  Struct: {
    Number: 0,
    Boolean: false,
    Array1D: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  }
};

待填充数组：

let MyArray = ["HelloWord",0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,true,0,0,0,0,0,0,0,0,0,0];

最优解法：深度遍历+指针跟踪 #

通过递归深度遍历目标对象的所有属性，同时用指针跟踪数组的当前元素索引，逐个替换对应位置的值，完全避免原方法的局限性。

代码实现

// 创建目标对象的副本，避免修改原对象
const filledObject = JSON.parse(JSON.stringify(MyObject));
let arrayIndex = 0;

function fillObject(obj) {
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      const currentValue = obj[key];
      const valueType = typeof currentValue;

      // 处理基础类型（字符串、数字、布尔）
      if (valueType === 'string' || valueType === 'number' || valueType === 'boolean') {
        obj[key] = MyArray[arrayIndex];
        arrayIndex++;
      } 
      // 处理数组（一维/二维通用）
      else if (Array.isArray(currentValue)) {
        currentValue.forEach((item, idx) => {
          if (typeof item !== 'object') {
            // 数组元素是基础类型，直接替换
            currentValue[idx] = MyArray[arrayIndex];
            arrayIndex++;
          } else {
            // 数组元素是子数组，递归处理
            fillObject(item);
          }
        });
      } 
      // 处理嵌套对象
      else if (valueType === 'object' && currentValue !== null) {
        fillObject(currentValue);
      }
    }
  }
}

// 执行填充
fillObject(filledObject);
console.log(filledObject);

方案优势 #

1. 无初始值依赖：不需要预先修改目标对象的初始值（比如不用把数字设为-1），无论初始值是什么都会被正确替换
2. 顺序严格对应：按照深度优先遍历的顺序填充，完全匹配数组元素的顺序
3. 扩展性强：支持任意层级的嵌套对象和多维数组，对象结构变化时无需大幅修改代码
4. 无替换错误：不会出现原方法中因replace匹配规则导致的错误替换（比如数组中的-1不会被误处理）

原方法的问题分析 #

• 依赖目标对象的固定初始值，灵活性极差
• JSON.replace仅替换第一个匹配项，多个相同初始值时无法保证填充顺序正确
• 无法适配动态变化的对象结构，维护成本高

内容的提问来源于stack exchange，提问作者noname028743