js把json数据转化成树形数据

Posted neo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js把json数据转化成树形数据相关的知识,希望对你有一定的参考价值。

/*转化函数*/
function(data, attributes) {
	let resData = data;
	let tree = [];
	for(let i = 0; i < resData.length; i++) {
		if(resData[i][attributes.parentId] === attributes.rootId) {
			let obj = {
				id: resData[i][attributes.id],
				title: resData[i][attributes.name],
				children: []
			};
			tree.push(obj);
			resData.splice(i, 1);
			i--;
		}
	}
	run(tree);

	function run(chiArr) {
		if(resData.length !== 0) {
			for(let i = 0; i < chiArr.length; i++) {
				for(let j = 0; j < resData.length; j++) {
					if(chiArr[i].id == resData[j][attributes.parentId]) {
						let obj = {
							id: resData[j][attributes.id],
							title: resData[j][attributes.name],
							children: []
						};
						chiArr[i].children.push(obj);
						resData.splice(j, 1);
						j--;
					}
				}
				run(chiArr[i].children);
			}
		}
	}

	return tree;

}
var data=[{id:1,parentId:0,name:"测试1"},
{id:2,parentId:1,name:"测试2"}]

let attributes = { //定义数据属性名称 id: ‘id‘, parentId: ‘parentId‘, name: ‘groupName‘,
rootId: 0 }
/*调用*/
formatTreeData(data,attributes);

  

 

  






以上是关于js把json数据转化成树形数据的主要内容,如果未能解决你的问题,请参考以下文章

JS中如何把JSON格式的字符串转化为一个对象或数组呢?

如何把对象转化为字符串 php

怎么用jsp生成json格式数据,然后用js又怎样读取其数据?

js中平级数组和树形结构数据相互转换

js 生成树形结构数据

把json数据转化成对象