let arrn=[
{
"MENU_URL": "dashboard",
"MENU_ID": "104a580029c54e139210b7e87dca6d89",
"MENU_NAME": "监控面板"
},
{
"MENU_URL": "systemManage",
"MENU_ID": "769130d1918d47219e6f0c463a1c9c67",
"MENU_NAME": "系统管理"
},
{
"MENU_URL": "serviceManage",
"MENU_ID": "8619ca0b6fbc42649a27475e339d5d4a",
"MENU_INFO": [
{
"MENU_URL": "userInfo",
"MENU_ID": "104a580029c54e139210b7e87dca6d89",
"MENU_NAME": "三户信息"
}
],
"MENU_NAME": "业务管理"
},
{
"MENU_URL": "serviceManage/recordQuery",
"MENU_ID": "d379e3f38cb3472ab18287034f32ef46",
"MENU_INFO": [
{
"MENU_URL": "dashboard",
"MENU_ID": "104a580029c54e139210b7e87dca6d80",
"MENU_INFO": [
{
"MENU_URL": "dashboard",
"MENU_ID": "454a580029c54e139210b7e87dca6d82",
"MENU_NAME": "监控面板222"
}
],
"MENU_NAME": "监控面板111"
},
{
"MENU_URL": "dashboard",
"MENU_ID": "104a580029c54e139210b7e87dca6d89",
"MENU_NAME": "监控面板333"
}
],
"MENU_NAME": "订购信息查询"
}
]
递归遍历
function findParentById(arr,id){
var parentId = '没有父元素',
hasParentId = function loop(arr){
return arr.some((item)=>{
if(item.MENU_ID === id){
return true
}else if(Array.isArray(item.MENU_INFO)){
parentId = item.MENU_ID
return loop(item.MENU_INFO)
}else{
return false
}
})
}(arr)
return hasParentId ? parentId : '未找到对应父元素'
}
function findParentsById(arr,id){
var parentIds = [],
index = 0,
hasParentId = function loop(arr, index){
return arr.some((item)=>{
if(item.MENU_ID === id){
parentIds = parentIds.slice(0, index)
return true
}else if(Array.isArray(item.MENU_INFO)){
parentIds[index] = item.MENU_ID
return loop(item.MENU_INFO, index+1)
}else{
return false
}
})
}(arr, index)
return hasParentId ? parentIds : []
}
findParentById(arrn, '454a580029c54e139210b7e87dca6d82');//"104a580029c54e139210b7e87dca6d80"
findParentsById(arrn, '454a580029c54e139210b7e87dca6d82');
//["d379e3f38cb3472ab18287034f32ef46", "104a580029c54e139210b7e87dca6d80"]
还有一个方法是将json转化成字符串 然后用正则查找
function findTopParents(menuJson, childId, result) {
result = result || [];
let menuStr = typeof menuJson === "string" ? menuJson : JSON.stringify(menuJson);
let reg = new RegExp('MENU_ID":"([^"]+)"[^\\}\\]\\[\\{]+\\[\\{[^\\}\\]\\[\\{]+MENU_ID":"' + childId);
if(reg.test(menuStr)) {
result.push(menuStr.match(reg)[1]);
return findTopParents(menuStr, menuStr.match(reg)[1], result);
} else {
return result;
}
}
var ret = findTopParents(arrn, '454a580029c54e139210b7e87dca6d82');
console.log(ret); // ["104a580029c54e139210b7e87dca6d80", "d379e3f38cb3472ab18287034f32ef46"]