数据处理之 将数组处理成 类树形数据结构

最新推荐文章于 2023-03-07 10:47:50 发布
最新推荐文章于 2023-03-07 10:47:50 发布
阅读量232 收藏
点赞数
分类专栏： js 文章标签： 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44603011/article/details/125569305
版权

需求：

接口提供数据为：

[
						{
					"epuId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"epuName": "箱变",
					"epuType": "M0001",
					"epuParentId": null,
					"epuParentType": null,
					"valueMainlineImpendanceA": 0.0,
					"valueMainlineImpendanceB": 0.0,
					"valueMainlineImpendanceC": 0.0,
					"valueBranchImpendanceA": 0.0,
					"valueBranchImpendanceB": 0.0,
					"valueBranchImpendanceC": 0.0,
					"substainId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"substainName": "M0001"
				}, {
					"epuId": "dd67df2e-4c63-4f1d-8ec2-1a0a4edd0404-1",
					"epuName": "表箱",
					"epuType": "M0003",
					"epuParentId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"epuParentType": "TDTU",
					"valueMainlineImpendanceA": 1.0,
					"valueMainlineImpendanceB": 2.0,
					"valueMainlineImpendanceC": 3.0,
					"valueBranchImpendanceA": 0.0,
					"valueBranchImpendanceB": 0.0,
					"valueBranchImpendanceC": 0.0,
					"substainId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"substainName": null
				}, {
					"epuId": null,
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "dd67df2e-4c63-4f1d-8ec2-1a0a4edd0404-1",
					"epuParentType": "BDTU",
					"valueMainlineImpendanceA": 0.0,
					"valueMainlineImpendanceB": 0.0,
					"valueMainlineImpendanceC": 0.0,
					"valueBranchImpendanceA": 4.0,
					"valueBranchImpendanceB": 5.0,
					"valueBranchImpendanceC": 6.0,
					"substainId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"substainName": null
				}, {
					"epuId": "dd67df2e-4c63-4f1d-8ec2-1a0a4edd0404",
					"epuName": "表箱",
					"epuType": "M0003",
					"epuParentId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"epuParentType": "TDTU",
					"valueMainlineImpendanceA": 2.0,
					"valueMainlineImpendanceB": 3.0,
					"valueMainlineImpendanceC": 4.0,
					"valueBranchImpendanceA": 0.0,
					"valueBranchImpendanceB": 0.0,
					"valueBranchImpendanceC": 0.0,
					"substainId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"substainName": null
				}, {
					"epuId": null,
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "dd67df2e-4c63-4f1d-8ec2-1a0a4edd0404",
					"epuParentType": "BDTU",
					"valueMainlineImpendanceA": 0.0,
					"valueMainlineImpendanceB": 0.0,
					"valueMainlineImpendanceC": 0.0,
					"valueBranchImpendanceA": 5.0,
					"valueBranchImpendanceB": 6.0,
					"valueBranchImpendanceC": 7.0,
					"substainId": "0a362d55-66b4-489b-b8a0-01a48c49950f",
					"substainName": null
				}]

要根据接口中的epuType字段，将返回的数据处理成：

 方法：

采用的方法可以有很多，此处只介绍一种：

			var d1 = data.filter(item=>item.epuType=='M0001').map(item=>{
				return{
					...item,
					name:item.epuName
				}
			})

			var d2 = data.filter(item=>item.epuType==='M0003').map(item=>{
				return {
					...item,
					name:item.name||'456'
				}
			})
			var d3 = data.filter(item=>item.epuType==='M0004').map(item=>{
				return {
					...item,
					name:item.name||'123'
				}
			})
			var d1 = d1.map(item=>{
				return {
					...item,
					children:d2.map(ite=>{
						return{
							...ite,
							children:d3
						}
					})
				}
			})

先通过filter，进行过滤，filter会过滤掉满足条件的，将三个数据类型 全都过滤完成之后，在通过map,给一层层结构添加它的children 

完整的数据结构，以及数据处理代码：

var data =  [
				{
					"epuId": "06d92e74-a213-4057-84ee-673e31b54b8c",
					"epuName": "#1有色局家属院",
					"epuType": "M0001",
					"epuParentId": null,
					"epuParentType": null,
					"specialFlag": 0
				}, {
					"epuId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuName": "分支箱1",
					"epuType": "M0003",
					"epuParentId": "06d92e74-a213-4057-84ee-673e31b54b8c",
					"epuParentType": "M0001",
					"specialFlag": 0
				}, {
					"epuId": "f84776a4-28c9-46ee-805c-620b1af059b0",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "d12ed914-1350-4e20-b8f7-9883297dadbc",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "ac1def69-0c5b-4af3-8114-8b12a6b3b274",
					"epuName": "2936-55",
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "83eceb94-e11b-4a34-a068-be41e097936a",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9808b688-04d0-4bf2-b8a8-d55e793b6243",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6bea49a0-2dd4-4bd7-8b3a-f88e9a6cdd08",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "d174f05d-1c6f-46a1-82d9-8fb49d566f85",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "ab4a0c78-b878-4aa9-8f79-4d45dbe10ac1",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6d248984-45e0-4b7c-a4e6-49df9b9caeca",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "310b7756-0044-451b-8637-888dffd5c098",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "996284a4-9db8-4d89-84b0-71f6adb38517",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "bd1f51cc-0861-40c5-8a75-42f3ea76bc2c",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "8263f86c-f69d-4707-981a-eb0f9ffe3788",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "877371ba-30f2-4d12-b4c3-dc56cfdb9344",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "8dfe796a-64c1-4a00-81ac-7cfc97e76d71",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "41ef173e-684b-4dcb-b385-7b9ddca7d535",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "ee370906-8879-456a-9a38-a97eab2bbe94",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "d38f6cc7-17db-4cf8-97eb-bd87018ec89b",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "b02bc79c-d436-4987-93f0-47437f643683",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "013ce355-caf5-4042-9d56-659f34c6f383",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "700d5466-6610-4ef0-ab75-f26594329d9c",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "30fd56ac-3226-41ab-b813-c2c8492fd66e",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "fd949719-ce01-4a2e-9e4e-a412c96e80ef",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6c1ce725-169f-4b8d-85ca-00cfb5ce9d64",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "c83a3830-01bc-46f3-8619-b9ddeeeb6342",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9115cad7-477e-4192-8da5-8a2ec7106369",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "65212c15-5a88-4295-8007-014e3950306a",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "e74a9a83-3912-4a04-ae8c-c8579207b880",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9e86111c-f391-46b5-9f6b-f6a5eee816d1",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "a9c2d0f6-f7f4-4bac-aaa4-e5c00b065cd5",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "377d8d01-b9cb-4684-a21d-f43e20c4825e",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "d9b0fe70-0cbb-4d16-b6da-dbda9415c6ca",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "03eed12e-88aa-4d1f-9ffd-e649e66ccd6a",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "89f640d8-a49f-4898-bf48-d0ecc19a3e50",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "36b7b0f7-4274-4d74-820a-0af4d4ac19af",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "1c75fcb1-3223-43b2-b3f0-0626174626c5",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6a81a665-bc25-4142-b85a-6f2e9f43729b",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "22dabc21-76b4-4b0a-a553-bc13527b8c8f",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "296fe017-c1b5-40c7-8923-3b065e1b2e03",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "d14be783-c11f-4cff-afd1-8ada5f14d42b",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6f4b0eac-6746-466f-8ee1-826d65d7d6a3",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "5dd3ffd1-267a-411f-8e06-55858b83ef98",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "0488e938-e142-4f9c-b71c-849cafff252f",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6e48d64b-16ee-4d6e-880e-5b5c941cf281",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "951ec8ce-e450-4323-9b03-10f8c8a3e2ea",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "a5a95389-9942-4716-911a-922abc8bfb65",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "afe8f994-071c-4cd1-b541-9c989a087922",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "897c073e-1f90-4a24-879a-ad760c9c4b33",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "ca9e08f0-0d1e-4b32-9a78-f6de4485114d",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "fde2d90a-30e8-4b41-b847-5fd0b57417c4",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "762d65fa-4816-4ba9-9eb7-4cee2d97c759",
					"epuName": "2936-50",
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "f7ca7a56-3cc0-4164-815a-f237c9da5bfb",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "5107da68-2248-45aa-9645-29284a6742e7",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "c6b11501-2b9e-4b7d-b35e-2a305390b2e0",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "2dc2355a-52bc-4edd-90e8-b16253d64f23",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "56f637af-20d5-4021-a867-f7e7b73a35fb",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "2121be0c-f183-45ba-83ae-51a292ce3a54",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "2a076aaf-3168-41f5-a69f-b1309c5d7283",
					"epuName": "2936-14",
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "51f00a78-1428-4249-91a1-e13621494b22",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9c797933-ab89-427d-a84d-b5858092460e",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "25f7dbf0-ba67-40ab-b04c-f5f22a9065d0",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "35afc9d9-d13f-44fa-ad4c-4db71a43b2a7",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "c9fd4f5f-b3aa-4f31-a137-0beaf2e0cbe7",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "72ee5244-5257-4d85-99ae-85ace190f230",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6cdaa9f0-1413-474c-a861-1bd23636f1c9",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "21e3c0e4-6907-4617-8647-27616aa12579",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9216b2f6-b67d-49ed-a6f5-423f57699fe3",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "ccd9609a-9a65-4bd7-a76e-ea42ac368eed",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "c8489b35-9eca-47c4-8ea5-1e3725775515",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "36596bf6-ee51-4b96-95d2-76e88549d76e",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "608c6912-d60c-4116-8cc1-54039a9bd1dd",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "96485be3-a7b8-4e09-ab9d-412b1869eed7",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "de8c5c5f-e51d-4d96-955d-0b804459858e",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6b52f7ee-fdcf-4c1b-b96a-e0f4729bb592",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "9219fe62-4199-4068-b20e-c55a70f7ff12",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "69e6a6e6-950b-4bd9-ad9e-6f6baab246d8",
					"epuName": "2936-55",
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "0182ff60-6bcd-4d46-8436-29d15507d331",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "bbd52a1f-1698-4430-9643-727fff25353c",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "aaed9247-7c71-4d57-9a00-4be70090d4db",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "6501660e-204c-4b7d-8035-de8cd3dff9d0",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "87f2c95d-7de0-409c-b9af-6c1bce4b4f50",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "eeacb347-aceb-438b-9ce3-1a92f87e64d2",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "3624d7d5-8034-4078-9c8e-1e86b05f4be4",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "2efd4521-f52b-4a45-a05a-a18a0229aadc",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "c92e80d2-241a-4041-a662-a3b40e6e0c1d",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}, {
					"epuId": "a6548bfb-4072-494f-8e21-93b131e1fa11",
					"epuName": null,
					"epuType": "M0004",
					"epuParentId": "2e85e07d-8538-4efc-8d23-ec0007f4d6da",
					"epuParentType": "M0003",
					"specialFlag": 0
				}
			]
			var d1 = data.filter(item=>item.epuType=='M0001').map(item=>{
				return{
					...item,
					name:item.epuName
				}
			})

			var d2 = data.filter(item=>item.epuType==='M0003').map(item=>{
				return {
					...item,
					name:item.name||'456'
				}
			})
			var d3 = data.filter(item=>item.epuType==='M0004').map(item=>{
				return {
					...item,
					name:item.name||'123'
				}
			})
			var d1 = d1.map(item=>{
				return {
					...item,
					children:d2.map(ite=>{
						return{
							...ite,
							children:d3
						}
					})
				}
			})
			console.log(d1,'11111111')

逆风优雅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
处理树形结构数据
weixin_52283244的博客
07-24 448
问题: 后台返回的是线性数据, 而我们前台需要的是一个树形数据结构, 此时就需要我们自己处理数据 核心思路就是寻找父节点 演示==>寻找父节点演示 定义函数要明白做什么事, 当定义完函数后, 要接收一个什么样的参数 最终需要产出的是什么样的值 1. 当前接收的是由后端返回的一个需要转换为树形数据的 '线性结构数据' // 后端传给我们一个有问题的线性结构数据 需要我们处理成树形结构数据 function transTreeData(list) { const newLi...
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
12-29
数据结构为数组中包含对象–树形结构，用Vue组件的写法实现以下的效果： 树形列表，缩进显示层级，第5级数据加底色，数据样式显色，点击展开折叠数据。本文为用Vue实现方式，另有一篇为用knockout.js的实现方法。 ...
将一个数组转树状数组
混世小妲己
11-15 622
这个方法有局限性,必须事先知道根节点的parent.我自己写的,有问题请留言告知,感激不尽。 var data = [{ id: 6, parent: 0, name: '北京市' }, { id: 1, parent: 0, name: '河北省' }, { id: 4, parent: 2, name: '唐县' }, { id: 5, parent: 2, name:...
将数组数据转化成树形结构
weixin_63473024的博客
03-26 4607
将数组数据转化成树形结构以便于操作带有层级的下拉选项 数据结构 观察相对应的结构 要将列表型的数据转化成树形数据，需要用到递归算法 思路 找树形结构的字段 id pid比较合适 再发现 没有子节点的pid为空 有子节点的 pid 是父节点的id 例如 当id=1 pid='' id=2 pid=1 也就是id=1的下面有子节点, id=3 pid=2 id=2下面有子节点 甚至id=4 pid=2 也就是有节点 上重点 ...
将数据转为树结构数据
qq_64209130的博客
02-27 412
通过循环判断当前节点是否为根节点,不是根节点的话就通过getparent函数找到它的父节点,插入到父节点的children中, getparent函数通过递归深层查找每一层节点。1.要转的数据结构,主要根据id和pid来区分节点。
树形结构数组的处理
weixin_47353884的博客
10-03 433
用于 JavaScript 的小型、安全、URL 友好、唯一的字符串 ID 生成器。scoped不生效，将样式放全局，在当前组件加上一段不带scoped的style。
JSON复杂数据处理之Json树形结构数据转Java对象并存储到数据库的实现
10-22
JSON复杂数据处理之Json树形结构数据转Java对象并存储到数据库的实现是指将JSON复杂数据处理后的数据转换为Java对象，并将其存储到数据库中。这个过程需要使用JSON的java工具包API，将层次结构的JSON对象数组通过...
Java 将有父子关系的数据转换成树形结构数据
01-07
一、数据库父子结构数据设计  大部分采用 parentId的形式来存储父id，并且只存储父id，祖父Id不存储。也可以添加存储层级级别或者层级关系等字段。 CREATE TABLE `t_resource` ( `id` varchar(255) NOT NULL ...
php实现的树形结构数据存取类实例
01-14
本实例提供的`Tree`类帮助我们以更高效的方式处理这种数据结构。这个类主要用于从二维数组中存取具有树形关系的数据，并提供了方便的方法来获取子节点、父节点等信息。 首先，我们来看一下`Tree`类的基本结构： ``...
如何将数组数据转化成树形结构（小案例演示）
背心的博客
11-07 2934
如何将数组数据转化成树形结构（小案例演示）
用递归算法将数组转化成树形结构
m0_58447769的博客
10-26 315
数据结构——树状数组
qq_44965626的博客
11-03 108
2020暑假算法复习——树状数组 本文主要内容： 基础复习（单点修改和区间查询） 用树状数组实现区间修改和单点查询 用树状数组实现区间修改和区间查询 将输入数组值作为树状数组下标 1 基础复习 主要功能： 动态实现数组的单点修改和区间查询 时间复杂度： 单点修改和区间查询都是o(logn) 注意事项： 变量值的溢出 下标从1开始 模板题：Acwing1264. 动态求连续区间和 1.1 Acwing1264. 动态求连续区间和 #include<iostream&gt
将数组转化为树状结构
m0_56895352的博客
02-25 1458
第四个参数：代表回调函数，回调函数一般用来处理数据，所以传递的是map集合存储的一项数据作为参数传入，这个后面会有事例。这是我写的一个通用的处理方式，arrayToTree就是主要处理的函数，而loopTree则是递归函数。第六个参数：代表回调函数处理了新数据的pid的key（依据key是否变化）1.数组顺序是乱的，防止处理时有遗漏，需要将第一层级数据先放到数组的前面。第五个参数：代表回调函数处理了新数据的id的key（依据key是否变化）第三个参数：代表数组中每一项的pid(父类id)的key。
这应该是性能最优的数组转树结构方法
wade3po的博客
03-29 1131
前端使用树插件是一个非常常见的使用场景。树插件的数据格式在我使用过的插件都是一样的。 而这个数据格式是由后端组装好返回给前端还是前端自己组装，这个问题在前端和后端也经常拿来撕逼。 大多数情况下后端会组装好，也有一部分前端自己处理，早之前我合作过的一个后端提出了一个观点， 浏览器是每一个用户都有的，服务器是所有用户共同访问的，后端递归遍历组装树数据比前端处理更耗费性能。 那时候我居然无言以对，几十条数据组装成树结构的数据居然能牵扯到服务器性能问题，那这个服务器还能做什么？ 也不是想讨论由前端还是后端处理的问题
数组转树的两种方法
weixin_48837605的博客
08-05 5423
将下面的扁平数组 const data = [ { id: '01', name: '张大大', pid: '', job: '项目经理' }, { id: '02', name: '小亮', pid: '01', job: '产品leader' }, { id: '03', name: '小美', pid: '01', job: 'UIleader' }, { id: '04', name: '老马', pid: '01', job: '技术leader' }, { id: '05
数组转树方法
moligc的博客
10-15 699
数组转树两种方法
对象数组数据转树结构
qq_44415875的博客
11-30 310
部门管理 后端返回数据结构 [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] 0: {bcode: "B001", cuicode: null, bname: "全公司", btype: null, pbcode: "B001", bpath: "B001", status: "70"} 1: {bcode: "B002", cuicode: null, bname: "信息部", btype: null, pbcode: "B001", bpath: "B001.B00
将数组转化为tree结构
最新发布
weixin_56132330的博客
03-07 2333
学习笔记
js中 filter的使用
qq_39822451的博客
07-29 408
//filter的使用 $("#yourGrid").saveRow(); var rowDatas = $('#yourGrid').jqGrid('getGridParam', 'data'); var newArr = rowDatas.filter(item=>item.material.id==mate...
数据结构解析：线段树与树状数组在区间问题中的应用
线段树是一种二叉树形数据结构，用于对动态区间进行高效查询和修改。它的核心特点是能够以O(logN)的时间复杂度完成区间查询和修改，其中N是区间长度。线段树的每个节点代表一个子区间，存储该子区间的信息，如区间内...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值