js 多维数组转化为一维数组|极客笔记

js 多维数组转化为一维数组

在JavaScript中，数组是一种常见的数据结构，它可以存储多个值并且具有索引来访问这些值。有时候我们会遇到多维数组，也就是数组中的元素还是数组。当我们需要将多维数组转化为一维数组时，就需要用到一些技巧和方法来实现。

方法一：使用循环遍历

最简单直接的方法是使用循环遍历多维数组，并将其中的元素添加到新的一维数组中。这种方法适用于多维数组的结构比较简单，只有一层嵌套的情况。

const multiDimArray = [[1, 2], [3, 4], [5, 6]];
const oneDimArray = [];

for(let i = 0; i < multiDimArray.length; i++){
    for(let j = 0; j < multiDimArray[i].length; j++){
        oneDimArray.push(multiDimArray[i][j]);
    }
}
console.log(oneDimArray);

运行结果：

[1, 2, 3, 4, 5, 6]

这种方法的缺点是如果多维数组的层级比较深，需要多层嵌套的情况下，使用循环遍历可能会变得比较麻烦。

方法二：使用递归

对于多维数组的嵌套层级不确定时，可以使用递归来实现一维数组的转化。递归是一种函数调用自身的技术，可以处理多层嵌套的情况。

const multiDimArray = [1, [2, [3, 4], 5]];
const oneDimArray = [];

function flatten(arr){
    arr.forEach(item => {
        if(Array.isArray(item)){
            flatten(item);
        } else {
            oneDimArray.push(item);
        }
    });
}

flatten(multiDimArray);
console.log(oneDimArray);

运行结果：

[1, 2, 3, 4, 5]

使用递归的方法可以很方便地处理多维数组的转化，不受层级数限制。

方法三：使用ES6的扩展运算符和递归

在ES6中，我们可以利用扩展运算符...来快速展开多维数组，配合递归实现一维数组的转化。

const multiDimArray = [1, [2, [3, 4], 5]];
let oneDimArray = [];

function flatten(arr){
    for(let item of arr){
        if(Array.isArray(item)){
            flatten(item);
        } else {
            oneDimArray = [...oneDimArray, item];
        }
    }
}

flatten(multiDimArray);
console.log(oneDimArray);

运行结果：