把js数组的多层嵌套变成一维的(拉平)

一、把js数组中的像树结构的嵌套的对象拉平,变成一维数组。

const arr = [
	{
		id: 1,
		children: [
            {
                id: 2,
                children: [
                    {
                        id: 3,
                        children: []
                    }
                ]
            },
            {
				id: 6, 
				children: []
			}
        ]
	},
    {
		id: 4, 
		children: [
            {
                id: 5,
                children: []
            }
        ]
	}
];

通过扩展运算符、递归来实现:

function flat(arr){
	return [].concat(...arr.map(item => [].concat(item, ...flat(item.children))));
}

实现拉平的效果
变成这样

二、多层数组嵌套变成一维的拉平

因为之前我想用es6新增的flat方法进行数组的拉平,发现不行。我又查找了一下资料,flat用于数组层层嵌套的拉平.如:const arr2 = [1,2, [3, 4, [5, 6, [7, 8]]]];可以使用flat,变成:[1, 2, 3, 4, 5, 6, 7, 8];
flat默认只会拉平一层,但可以在flat方法中加入参数。默认为1(拉平一层)。
但这样设置参数比较有局限性,使用参数Infinity,可以不管多少参数都拉平成一层。

arr2.flat();
//[1, 2, 3, 4, [5, 6, [7, 8]]];
arr2.flat(1); 
//同上
arr2.flat(2);
//[1, 2, 3, 4, 5, 6, [7, 8]];
arr2.flat(Infinity);
//[1, 2, 3, 4, 5, 6, 7, 8 ];
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值