数组map方法
使用map方法可以返回一个新数组的映射
定义一个tree数据
// tree data
const tree = [
{
value: 1,
title: '一级分类',
level: '1',
children: [
{
value: 2,
title: '微信小程序',
level: '2',
children:[]
},
{
value: 3,
title: '百度小程序',
level: '2',
children:[]
},
{
value: 4,
title: '头条小程序',
level: '2',
children:[]
},
],
},
{
value: 5,
title: '一级分类二',
level: '1',
children: [
{
value: 6,
title: '支付宝小程序',
level: '2',
children:[]
},
{
value: 7,
title: 'qq小程序',
level: '2',
children:[]
},
{
value: 8,
title: '哔哩哔哩小程序',
level: '2',
children:[]
},
],
},
],
使用map方法遍历数据
const newArr = tree.map(item => treeMap(item))
function treeMap(data){
const hasChild = data.children && data.children.length > 0
// 可以根据实际开发需要返回自己想要的key值
return {
id:item.value,
child:hasChild ? data.children.map(i => treeMap(i)) : []
}
}
输出结果
结束语
第一次写博客,前端小白。文章如有错误之处,敬请指出!