一、把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 ];