JavaScript 中多维数组的合并方法示例详解

// 二维数组示例
const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

const array1 = [[1, 2], [3, 4]]; // 第一个二维数组
const array2 = [[5, 6], [7, 8]]; // 第二个二维数组
// 使用 concat() 方法合并两个数组
const combined = array1.concat(array2);
console.log(combined); // 输出: [[1, 2], [3, 4], [5, 6], [7, 8]]

const array1 = [[1, 2], [3, 4]]; // 第一个二维数组
const array2 = [[5, 6], [7, 8]]; // 第二个二维数组
// 深度合并对应位置的子数组
const deepCombined = array1.map((subArr, index) => {
  // 将当前子数组与另一个数组相同位置的子数组合并
  // 如果另一个数组没有对应元素，则使用空数组避免错误
  return subArr.concat(array2[index] || []);
});
console.log(deepCombined); // 输出: [[1, 2, 5, 6], [3, 4, 7, 8]]

const array1 = [[1, 2], [3, 4]]; // 第一个二维数组
const array2 = [[5, 6], [7, 8]]; // 第二个二维数组
// 简单合并数组
const combined = [...array1, ...array2]; // 使用展开运算符合并数组
console.log(combined); // 输出: [[1, 2], [3, 4], [5, 6], [7, 8]]
// 深度合并对应位置的子数组
const deepCombined = array1.map((subArr, index) => {
  // 使用展开运算符合并子数组
  return [...subArr, ...(array2[index] || [])]; // 如果array2没有对应元素，使用空数组
});
console.log(deepCombined); // 输出: [[1, 2, 5, 6], [3, 4, 7, 8]]

const array1 = [[1, 2], [3, 4]]; // 第一个二维数组
const array2 = [[5, 6], [7, 8]]; // 第二个二维数组
// 将两个数组合并并扁平化一层
const flattened = array1.flatMap((subArr, index) => {
  // 返回包含当前子数组和对应位置另一个子数组的新数组
  // 使用filter(Boolean)过滤掉可能存在的空值
  return [subArr, array2[index]].filter(Boolean);
});
console.log(flattened); // 输出: [[1, 2], [5, 6], [3, 4], [7, 8]]

/**
 * 组合两个多维数组的自定义函数
 * @param {Array} arr1 - 第一个数组
 * @param {Array} arr2 - 第二个数组
 * @param {Function} combineFn - 组合函数，默认为简单拼接
 * @returns {Array} 组合后的新数组
 */
function combineMultiDimensionalArrays(arr1, arr2, combineFn = (a, b) => [...a, ...b]) {
  // 确定最大长度以确保处理所有元素
  const maxLength = Math.max(arr1.length, arr2.length);
  const result = []; // 初始化结果数组
  // 遍历所有位置
  for (let i = 0; i < maxLength; i++) {
    // 获取两个数组当前位置的元素，如果不存在则使用空数组
    const element1 = arr1[i] || [];
    const element2 = arr2[i] || [];
    // 使用提供的组合函数组合元素并添加到结果中
    result.push(combineFn(element1, element2));
  }
  return result; // 返回组合后的数组
}
// 使用示例
const array1 = [[1, 2], [3, 4]]; // 第一个二维数组
const array2 = [[5, 6], [7, 8], [9, 10]]; // 第二个二维数组（长度不同）
// 使用默认组合函数
const combined = combineMultiDimensionalArrays(array1, array2);
console.log(combined); // 输出: [[1, 2, 5, 6], [3, 4, 7, 8], [9, 10]]
// 自定义组合逻辑：对应元素相加
const customCombined = combineMultiDimensionalArrays(
  array1, 
  array2, 
  (a, b) => a.map((val, idx) => val + (b[idx] || 0)) // 将对应位置的元素相加
);
console.log(customCombined); // 输出: [[6, 8], [10, 12], [9, 10]]

/**
 * 深度合并两个可能具有不同维度的数组
 * @param {Array} arr1 - 第一个数组
 * @param {Array} arr2 - 第二个数组
 * @returns {Array} 合并后的新数组
 */
function deepCombine(arr1, arr2) {
  // 如果两个都是数组，递归合并
  if (Array.isArray(arr1) && Array.isArray(arr2)) {
    // 确定最大长度以确保处理所有元素
    const maxLength = Math.max(arr1.length, arr2.length);
    const result = []; // 初始化结果数组
    // 遍历所有位置
    for (let i = 0; i < maxLength; i++) {
      const item1 = arr1[i]; // 第一个数组的当前元素
      const item2 = arr2[i]; // 第二个数组的当前元素
      // 如果两个元素都是数组，递归合并
      if (Array.isArray(item1) && Array.isArray(item2)) {
        result.push(deepCombine(item1, item2));
      } else {
        // 否则，将两个元素组合成数组，过滤掉undefined值
        result.push([item1, item2].filter(item => item !== undefined));
      }
    }
    return result; // 返回合并后的数组
  }
  // 如果只有一个是数组，将它们组合成数组
  if (Array.isArray(arr1)) return [arr1, arr2].filter(Boolean);
  if (Array.isArray(arr2)) return [arr1, arr2].filter(Boolean);
  // 如果都不是数组，将它们组合成数组，过滤掉undefined值
  return [arr1, arr2].filter(item => item !== undefined);
}
// 使用示例
const array1 = [[1, [2, 3]], [4, 5]]; // 复杂结构的第一个数组
const array2 = [[6, [7, 8]], [9, 10], [11, 12]]; // 复杂结构的第二个数组
const result = deepCombine(array1, array2);
console.log(result);
// 输出:
// [
//   [[1, 6], [[2, 3], [7, 8]]],
//   [[4, 5], [9, 10]],
//   [11, 12]
// ]