JS 数组扁平化|极客笔记

JS 数组扁平化

在 JavaScript 编程中，数组扁平化是指将一个多维数组转换为一个一维数组的过程。这个过程可以让我们更方便地处理数据，简化数组操作的复杂度。在本文中，我们将探讨数组扁平化的概念、方法以及如何用 JavaScript 实现数组扁平化的操作。

什么是数组扁平化

在实际开发中，我们经常会遇到多维数组的情况，例如：

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

这个数组包含了一维和二维数组，如果我们想将其变为一维数组，即：

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

这个过程就称为数组扁平化。

数组扁平化方法

1. 使用递归实现数组扁平化

递归是一种常用的数组扁平化方法，其思想是遍历数组的每个元素，如果元素是数组，则递归调用扁平化函数，直到所有元素都变为基本类型为止。

下面是使用递归实现数组扁平化的代码：

function flatten(arr) {
    let result = [];
    for (let i = 0; i < arr.length; i++) {
        if (Array.isArray(arr[i])) {
            result = result.concat(flatten(arr[i]));
        } else {
            result.push(arr[i]);
        }
    }
    return result;
}

let arr = [1, 2, [3, 4], [5, [6, 7]]];
let flattenedArr = flatten(arr);
console.log(flattenedArr);

运行结果：

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

2. 使用 reduce 方法实现数组扁平化

另一种常用的数组扁平化方法是使用 reduce 方法。利用 reduce 方法对数组进行拆解和合并，可以更简单地实现数组扁平化。

下面是使用 reduce 方法实现数组扁平化的代码：

function flatten(arr) {
    return arr.reduce((prev, curr) => {
        return prev.concat(Array.isArray(curr) ? flatten(curr) : curr);
    }, []);
}

let arr = [1, 2, [3, 4], [5, [6, 7]]];
let flattenedArr = flatten(arr);
console.log(flattenedArr);

运行结果：

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

3. 使用 flat 方法实现数组扁平化

在 ECMAScript 2019 标准中，引入了 flat 方法用于数组扁平化。flat 方法有一个参数用于指定扁平化的深度，默认为 1。

下面是使用 flat 方法实现数组扁平化的代码：

let arr = [1, 2, [3, 4], [5, [6, 7]]];
let flattenedArr = arr.flat(Infinity);
console.log(flattenedArr);

运行结果：

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

总结

数组扁平化是 JavaScript 编程中常见的操作，可以简化数据处理的复杂度，方便进行数组操作和数据处理。本文介绍了使用递归、reduce 方法和 flat 方法来实现数组扁平化的方法，并给出了相应的代码示例和运行结果。

JS 数组扁平化