数组扁平化:也就是把多维的数组,进行降维处理,降维到一个一维的数据存储空间中。
以下总结的几种方法:
首先是测试数据:
const arr1 = [11, [22, 33], 66, [77, [88, 99]], 666];
const arr2 = [11, { a: 1 }, [22, 'aa'], [44, 55], [77, [88, 99]], 666];
const arr3 = [1, [2, [3, [4, [5, 6]]]]]
const arr4 = [1,2,3,4,5,6]
方法一:arr.join().split(’,’)方法,可解决多维!
var falt1 = function (arr) {
//join()默认以','连接
let res = arr.join().split(',')
return res
}
console.log(falt1(arr2))
方法二:toString().split(’,’)方法,可解决多维!
var falt2 = function (arr) {
return arr.toString().split(',')
}
console.log(falt2(arr2))
方法三:系统flat()函数,默认拉平一层
console.log(arr1.flat()) //[ 11, 22, 33, 66, 77, [ 88, 99 ], 666 ]
//传入参数改变拉平层数
console.log(arr1.flat(2)) // [11,22,33,66,77,88,99,666]
//不管多少层,全转为一层,可以使用Infinity关键字作为参数
console.log(arr3.flat(Infinity)) //[ 1, 2, 3, 4, 5, 6 ]
方法四:递归遍历
// Array.isArray(obj) 用于确定传递的值是否是一个 Array
function flat3(arr){
let res = []
let len = arr.length
for(let i=0; i<len; i++){
if(Array.isArray(arr[i])){
//concat返回副本
res = res.concat(flat3(arr[i]))
}else{
res.push(arr[i])
}
}
return res
}
console.log(flat3(arr3))
方法五:es6展开运算符
function flat4(arr){
//利用some(f),f条件判断,arr是否存在数组
while(arr.some(item => Array.isArray(item))){
//concat会把值全部连接到[],在concat中的元素直接连接,一维数组会把数组中的值连接,多维数组中,数组中的数组会在下个循环继续降维,因此可以实现多重降维,最后得到一维数组。
arr = [].concat(...arr);
}
return arr;
}
console.log(flat4(arr3))