首页 > 其他分享 >实现数组扁平化的方法

实现数组扁平化的方法

时间:2022-11-04 20:34:42浏览次数:53  
标签:flat arr flatDeep return 扁平化 result 数组 方法

数组扁平化

  • ES6新增的flat方法 Array.prototype.flat()
  • 用于将嵌套的数组“拉平”,变成一维数组。该方法返回一个新数组,对原数据没有影响。
    [1,2,[3,4]].flat() //[1,2,3,4]
  • flat()默认只“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将参数写成整数,表示想要拉平的层数,默认为1
[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]
  • for循环递归
  • 通过循环递归的方式,一项项的去遍历数组,如果每一项还是一个数组,那么就继续往下遍历
// 核心代码(非完整实现代码)
let result = [];
	for(let i = 0; i < arr.length; i++) {
		if(Array.isArray(arr[i])){
			result = result.concat(flatDeep(arr[i]))
		} else {
			result.push(arr[i])
		}
	}
	return result;
  • toString和split结合
  • 先通过ToString把数组转成String对象,再结合split()方法使用逗号分隔符讲String对象分割成字符串数组,再用map函数将数组中的字符串转成数字
// 核心代码(非完整实现代码)
function flatDeep(arr){
let result = [];
	return result = arr.toString().split(',').map(Number)
}
  • 用扩展运算符与some函数结合
  • 先用数组的some方法把数组中仍是数组的项过滤出来,然后执行concat()操作,利用ES6的展开运算符,将其拼接到原数组中,最后返回原数组
// 核心代码(非完整实现代码)
var array = [1, [2, [3, [4, 5]]]];
function flatDeep(arr) {
	while(arr.some(item => Array.isArray(item))){
		arr = [].concat(...arr)
	}
	return arr;
}
  • 用reduce函数
// 核心代码(非完整实现代码)
var array = [1, [2, [3, [4, 5]]]];
function flatDeep(arr){
	return arr.reduce(function(pre,next){
		if(Array.isArray(next)){
			return pre.concat(flatDeep(next))
		} else {
			return pre.concat(next)
		}
	}, [])
}

标签:flat,arr,flatDeep,return,扁平化,result,数组,方法
From: https://www.cnblogs.com/maxiaohu/p/16859013.html

相关文章