多维数组嵌套扁平化的两种方法

最新推荐文章于 2025-01-22 07:24:59 发布

原创最新推荐文章于 2025-01-22 07:24:59 发布 · 622 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端同时被 2 个专栏收录

15 篇文章

订阅专栏

JavaScript

11 篇文章

订阅专栏

本文介绍了如何在JavaScript中对嵌套数组进行扁平化操作，以方便数据处理。通过两种方法展示了实现过程：一是使用ES6的`flat()`方法，特别是设置为`infinity`时可以处理任意深度的嵌套；二是采用递归的方式，需要注意递归结束的条件以防止无限循环。示例代码中展示了具体实现，并给出了一个包含多层嵌套的数组实例，最终输出了扁平化后的数组结果。

一个数组嵌套这多层数组，扁平化能够更方便的操作数据，下边用两种方法来实现：

使用es6中的flat()

flat(n)方法接受一个参数，n为扁平化数组的层数，当设置为infinity的时候无论多少层都会将数组扁平化为一层
2. 递归

在使用递归的时候，一定要判断好结束递归的条件，否则容易造成死循环


function arrayFlat(array) {
  if (Object.prototype.toString.call(array) !== "[object Array]") return false;
  var res = [];
  for (var item of array) {
    if (Object.prototype.toString.call(item) === "[object Array]") {
      res.push(arrayFlat(item));
    } else {
      res.push(item);
    }
  }
  return res;
}
var array = [1, [2, 3, [4, [5, 6, [7, 8, [10, 11, [12]]]]]], [13, 14]];
var arr = arrayFlat(array);
console.log(arr);
//[1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14]