JS数组扁平化实现

扁平化: 将一个嵌套多层的数组 array (嵌套可以是任何层数)转换为只有一层的数组
1. toString()
toString()方法仅限于处理基本类型(number,string,boolean),同时转化后需要按原类型转换回来,在处理混合类型数组时无法解决
用法:
以 number 数组举例

function flat(target) {
    return target.toString().split(',').map(function(item) {
        return Number(item);
    })
} 

2. 递归
遍历获得是数组项的索引,利用扩展运算符将数组项减一维,递归该过程
实现:

let arr = [ 1,2,[3,4],[5,[6,7],[8,[9,[0]]]]]
let arr2 = [{a:1,b:2},[{a:3,b:4},{a:5,b:6},[{a:7,b:8},[{a:9,b:0}]]]]
// console.log([].concat(...arr3))
// 寻找数组内元素为数组的索引
function arrIndexList (arr){
	let list = []
	for(let i in arr){
		if(Array.isArray(arr[i])){
			list.push(i)
		}
	}
	return list
}
// 递归遍历函数
function flat(target) {
	target = [].concat(...target)
	let list = arrIndexList(target)
	for(let item of list){
		target[item] = flat(target[item])
	}
	return [].concat(...target)
}
console.log(flat(arr))
console.log(flat(arr2))

运行结果:
JS数组扁平化实现_第1张图片

你可能感兴趣的:(js,数组,扁平化)