js中数字扁平化的使用-优快云博客

本文链接：https://blog.youkuaiyun.com/aaaaaaaa_ewf/article/details/123616517

本文介绍了如何使用ES6的Array.prototype.flat()方法实现数组扁平化，包括其用法示例和循环+拓展运算符、toString/join转换等不同方法。详细讲解了如何将嵌套数组转化为一维数组，无论层数多深。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、扁平化: 其实就是将多层数组展开，平摊成为一维数组

> let arr1=[[1],[2,3],[4]];
> //扁平化后--> [1, 2, 3, 4]

2、实现数组扁平化的方式

ES6新增加方法–>Array.prototype.flat() + Infinity作为参数。
数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。

//flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1
[[1], [2, 3], [4]].flat()
//[1, 2, 3, 4]

[[1, [2, 3], 4], 5].flat()
//[1, [2, 3], 4, 5]

[[1, [2, 3], 4], 5].flat(2)
//[1, 2, 3, 4, 5]

//...依次类推

//使用Infinity代表参数，不管多少层都可以扁平化
[[1, [2, 3], 4], 5].flat(Infinity)
//[1, 2, 3, 4, 5]

3、循环➕拓展运算符

let arr= [ [1, [2, 3], 4], 5 ];
function flat(arr) {
	while (arr.some(item => Array.isArray(item))) {
        arr = [].concat(...arr);
     }
    return arr;
 }
console.log(flat(arr));

4、toString/join转换为字符串，然后使用split分割为数组，再通过遍历将字符串转换为数字类型

let arr1 = [ [1, [2, 3], 4], 5 ];

//-----------toString-------------
let res = arr1.toString().split(',').map(item => Number(item));
console.log(res);//[1, 2, 3, 4, 5]

//-----------join-------------
let res = arr1.join().split(',').map(item => Number(item));
console.log(res);//[1, 2, 3, 4, 5]