Js-树形结构数据(tree)扁平化处理

树形结构格式转换成一维数组对象格式

具体需求:将JSON①数据格式输出为JSON②格式

JSON①:

 [
	{
		sortName:'小明',
		sortCode: 'xm',
		children:[]
	},
	{
		sortName:'小刚',
		sortCode:'xg',
		children:[
			{
				sortName:'小小刚',
				sortCode:'xxg'
			},
			{
				sortName:'小小小刚',
				sortCode:'xxxg'
			}
		]
	}
],

JSON②:

 [
	{
		sortName:'小明',
		sortCode: 'xm',
	},
	{
		sortName:'小刚',
		sortCode: 'xg',
	},
	{
		sortName:'小小刚',
		sortCode:'xxg',
	},
	{
		sortName:'小小小刚',
		sortCode:'xxxg'
	}
],

方法1:

treeToOneArr(arr) {
   let data = JSON.parse(JSON.stringify(arr)) // 对传入的参数进行深拷贝
   let newData = [] // 创建空数组用来接收操作后的新数组
   const hasChildren = (item) => { // 递归遍历,把包含children的选项拿出来,push到之前新建的空数组内
       (item.children || (item.children = [])).map(v => {
           hasChildren(v)
       })
       delete item.children // 删除原children属性,可选项
       newData.push(item)
   }
   data.map(v => hasChildren(v))
   return newData
},

方法2:

getOneArr(arr) {
    let tree= JSON.parse(JSON.stringify(arr))
    let newData = []
	const expanded = datas => {
		if (datas&& datas.length > 0){
			datas.forEach(e => {
				newData.push(e);
				expanded(e.children);
			})
		}
	};
	expanded(tree);
	return newData;
},

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值