JavaScript数组扁平化：实现特定结构的2D数组转换

const twoDimensionalArray = [
  [1, 2, 3, 4],
  [[5, 6], [9, 10]], // 这是一个包含两个子数组的数组
  [5, 6, 7]
];

// 期望输出: [[1, 2, 3, 4], [5, 6], [9, 10], [5, 6, 7]]

function convertArrInitialAttempt() {
  const separateNestedArrays = function (arr) {
    return arr.flatMap((element) => {
      if (Array.isArray(element)) {
        // 如果元素是数组，我们返回它。但如果它是[[5,6], [9,10]]，
        // flatMap会将其扁平化一层，导致[5,6,9,10]或更复杂的结果。
        return element;
      } else {
        return [element];
      }
    });
  };

  const twoDimensionalArray = [
    [1, 2, 3, 4],
    [[5, 6], [9, 10]],
    [5, 6, 7]
  ];

  const modifiedArray = separateNestedArrays(twoDimensionalArray);
  console.log("flatMap尝试的输出:", modifiedArray);
  // 实际输出: [ 1, 2, 3, 4, [ 5, 6 ], [ 9, 10 ], 5, 6, 7 ]
  // 这个输出仍然不符合预期，它将[[5,6],[9,10]]视为单个元素，并将其子数组保留。
  // 更糟糕的是，如果flatMap内部逻辑不当，可能会将其展开为 [1, 2, 3, 4, 5, 6, 9, 10, 5, 6, 7]
  // 这里的`return element`在`flatMap`的上下文中，当`element`是`[[5,6],[9,10]]`时，
  // `flatMap`会将其扁平化一层，结果是`[5,6,9,10]`，而不是`[5,6]`和`[9,10]`作为独立元素。
  // 而我们提供的示例代码的输出 `[ 1, 2, 3, 4, [ 5, 6 ], [ 9, 10 ], 5, 6, 7 ]` 
  // 实际上是由于`flatMap`的内部处理机制和`Array.isArray(element)`的判断导致的，
  // 它没有像我们期望的那样将`[[5,6],[9,10]]`中的`[5,6]`和`[9,10]`单独提取出来。
};

convertArrInitialAttempt();

function convertArr() {
  const separateNestedArrays = (arr) => arr.reduce((accumulator, currentElement) => {
    // 判断当前元素（currentElement）是否是一个包含数组的数组
    // 例如，当currentElement是 [[5, 6], [9, 10]] 时，currentElement[0] 是 [5, 6]，
    // Array.isArray([5, 6]) 为 true。
    if (Array.isArray(currentElement[0])) {
      // 如果是，遍历currentElement内部的每个子数组，并逐一推入累加器
      currentElement.forEach(subArray => accumulator.push(subArray));
    } else {
      // 如果不是（例如，[1, 2, 3, 4]），则直接将当前元素推入累加器
      accumulator.push(currentElement);
    }
    return accumulator; // 返回更新后的累加器
  }, []); // 初始累加器为空数组

  const twoDimensionalArray = [
    [1, 2, 3, 4],
    [
      [5, 6],
      [9, 10]
    ],
    [5, 6, 7]
  ];

  const modifiedArray = separateNestedArrays(twoDimensionalArray);

  console.log("reduce方法的输出:", modifiedArray);
  // 期望输出: [[1, 2, 3, 4], [5, 6], [9, 10], [5, 6, 7]]
  // 实际输出: [[1, 2, 3, 4], [5, 6], [9, 10], [5, 6, 7]]
};

convertArr();