数组-（1）数组扁平化

最新推荐文章于 2022-05-10 14:51:52 发布

今天太阳很好

最新推荐文章于 2022-05-10 14:51:52 发布

阅读量99

点赞数 1

分类专栏： pc 小程序文章标签： javascript html5

本文链接：https://blog.csdn.net/Li_11280/article/details/120747938

版权

pc 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

小程序

7 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中将多维数组转换为一维数组的五种方法，包括使用Array.prototype.flat()、正则表达式替换、JSON解析以及使用reduce和递归函数。这些方法各有优缺点，适用于不同的场景，帮助开发者更好地理解和处理数组扁平化问题。

摘要由CSDN通过智能技术生成

数组扁平化是指将一个多维数组变为一个一维数组

const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6]

方法一：使用flat()

const res1 = arr.flat(Infinity);

方法二：利用正则

const res2 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',');

但数据类型都会变为字符串

方法三：正则改良版本

const res3 = JSON.parse('[' + JSON.stringify(arr).replace(/\[|\]/g, '') + ']');

方法四：使用reduce

const flatten = arr => {
  return arr.reduce((pre, cur) => {
    return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
  }, [])
}
const res4 = flatten(arr);

方法五：函数递归

const res5 = [];const fn = arr => {
  for (let i = 0; i < arr.length; i++) {
    if (Array.isArray(arr[i])) {
      fn(arr[i]);
    } else {
      res5.push(arr[i]);
    }
  }
}
fn(arr);