使用递归（并且不使用循环）展平嵌套数组

Question

我对问题的逻辑，使用以下内容作为输入。

var input = [['A','B'],1,2,3,['C','D']]

1. 使用 Array.isArray(input) 检查第一个元素是否为数组
2. 如果第一个元素是数组，调用函数，第一个元素 ['A,'B'] 作为参数。
3. 嵌套数组的第一个元素是“A”，它不是一个数组，因此将该元素推入结果数组，然后将该元素移出。重复函数调用。

当尝试使用递归展平嵌套数组时，我的函数输入变量不断被重新分配，从而阻止我使用原始数组再次调用该函数。如何防止原始输入变量被重新分配？

我知道这不是完整的解决方案，但是当我将第一个元素移出嵌套数组时，我被卡住了。

这个功能我是一步一步经历的，但一定有什么我遗漏的，另一双眼睛会有很大帮助。

我也一直在用我的chrome开发者工具，设置断点一步步监控功能。

//Defining original input variable
var input = [['A','B'],1,2,3,['C','D']]

function flat(array){
    var result = []
    var firstElement = array[0]

//CHECK IF FIRST ELEMENT IS ARRAY OR NOT
    if(Array.isArray(firstElement)){
    return flat(firstElement)  
    } 


//IF ELEMENT NOT ARRAY, PUSH ELEMENT TO RESULT
    else{result.push(firstElement)
    array.shift() //removing child element
    return (flat(array)) //call function on same array
    }

if(array.length===0){return result}

}

第一次迭代： firstElement = ['A','B'], Array.isArray(firstElement) 为真，因此调用 flat(firstElement)

第二次迭代： firstElement = 'A', Array.isArray(firstElement) 为假，所以我们 1. 下跳将这个元素推入结果 2. 使用 array.shift() 删除 'A' 3.调用flat(array)，array现在是['B']

第三次迭代： firstElement = 'B', Array.isArray(firstElement) 为假 1. 跳下将这个元素推入结果，结果现在只有['B']，因为我在调用函数时重置了结果。 2. 使用array.shift()删除'B'，数组现在是空的，->[] 3. 我怎样才能退出，并在原始输入数组上使用 flat()？

Answer 1

如果第一个元素是数组，您的代码不会考虑以下元素。下面的解决方案使用array.concat(...) 来组合递归的结果（沿着树向下），还可以组合处理列表其余部分的结果（在同一级别）。将问题可视化为一棵树，通常有助于 IMO 的递归：

 [] 1 2 3 []
 |         |
A []      C D
   |
  B C

所以这里可能更清楚一点，我们必须将递归的结果和向右走“一步”（再次递归）的结果连接起来，否则这将是一个循环迭代数组。

var input = [['A',['B', 'C']],1,2,3,['C','D']]

function flat(array) {
    var result = []
    if (array.length == 0) return result;
  
    if (Array.isArray(array[0])) {
        result = result.concat(flat(array[0]));    // Step down
    } else {
        result.push(array[0]);
    }
    result = result.concat(flat(array.slice(1)))   // Step right

    return result;
}

console.log(flat(input));
// ["A", "B", "C", 1, 2, 3, "C", "D"]

这有点类似于带有循环的版本：

function flat(array) {
    var result = []

    for (var i = 0; i < array.length; i++) {
        if (Array.isArray(array[i])) {
            result = result.concat(flat(array[i]));
        } else {
            result.push(array[i]);
        }
    }
    return result;
}

编辑：出于调试目的，您可以跟踪深度以帮助了解发生的情况：

var input = [['A',['B', 'C']],1,2,3,['C','D']]
function flat(array, depth) {
    var result = []
    if (array.length == 0) return result;

    if (Array.isArray(array[0])) {
        result = result.concat(flat(array[0], depth + 1));
    } else {
        result.push(array[0]);
    }
    var res1 = flat(array.slice(1), depth);
    console.log("Depth: " + depth + " | Concatenating: [" + result + "]  with: [" + res1 + "]");
    result = result.concat(res1)

    return result;
}

console.log(flat(input, 0));

Answer 2

如果您想避免循环，并且我正在考虑将 concating/spreading 数组作为循环，您需要将结果数组传递给您的函数。

const input = [['A', 'B'], 1, 2, 3, ['C', 'D']]

// Start the function with an empty result array.
function flat(array, result = []) {
  if (!array.length)
    return result

  // Extract first element.
  const first = array.shift()

  // Call the function with the array element and result array.
  if (Array.isArray(first))
    flat(first, result)
  // Or add the non array element.
  else
    result.push(first)

  // Call the function with the rest of the array and result array.
  flat(array, result)
  return result

}

console.log(flat(input))

Answer 3

如果您使用 JavaScript，这是我的答案

您可以使用下面一行代码来展平n级嵌套数组

let flattendArray = input.flat(Infinity);

或者使用reduce和concat来使用这种方法

function flatDeep(arr, d = 1) {
   return d > 0 ? arr.reduce((acc, val) => acc.concat(Array.isArray(val) ? flatDeep(val, d - 1) : val), [])
                : arr.slice();
};

Refer this link