JS三级数组对象过滤再取值

最新推荐文章于 2024-04-21 00:45:00 发布

barnett_y

最新推荐文章于 2024-04-21 00:45:00 发布

阅读量2.8k

点赞数

分类专栏：【Javascript点滴知识】

本文链接：https://blog.csdn.net/sinat_17775997/article/details/76653280

版权

【Javascript点滴知识】专栏收录该内容

518 篇文章 19 订阅

订阅专栏

var aa = [
    {
        "subshopcategories": [
            {
                "subshopcategories": [
                    {
                        "id": 121,
                        "shoptype_name": ""
                    },
                    {
                        "id": 131,
                        "shoptype_name": "是的是的是是"
                    },
                    {
                        "id": 122,
                        "shoptype_name": "撒按时"
                    },
                    {
                        "id": 139,
                        "shoptype_name": "豬肚雞"
                    },
                    {
                        "id": 137,
                        "shoptype_name": "四川火锅"
                    },
                    {
                        "id": 142,
                        "shoptype_name": "胡椒"
                    }
                ],
                "id": 1,
                "shoptype_name": "餐饮美食"
            },
            {
                "subshopcategories": [
                    {
                        "id": 130,
                        "shoptype_name": "阿萨德是的"
                    }
                ],
                "id": 1,
                "shoptype_name": "餐饮美食"
            },
            {
                "subshopcategories": [
                    {
                        "id": 144,
                        "shoptype_name": "ertert"
                    }
                ],
                "id": 1,
                "shoptype_name": "餐饮美食"
            },
            {
                "subshopcategories": [
                    {
                        "id": 135,
                        "shoptype_name": "XXX"
                    }
                ],
                "id": 1,
                "shoptype_name": "餐饮美食"
            }
        ],
        "id": 1,
        "shoptype_name": "餐饮美食"
    },
    {
        "id": 72,
        "shoptype_name": "医疗健康"
    },
    {
        "subshopcategories": [
            {
                "subshopcategories": [
                    {
                        "id": 124,
                        "shoptype_name": "搭搭撒撒"
                    }
                ],
                "id": 65,
                "shoptype_name": "酒店旅游"
            }
        ],
        "id": 65,
        "shoptype_name": "酒店旅游"
    },
    {
        "id": 60,
        "shoptype_name": "休闲娱乐"
    }
]

var bb = [];
  function isNull(value) {
        return typeof value == 'undefined' ||
            value == '' ||
            value == null ||
            value == undefined ||
            value == 'null' ||
            value == {}
    }

for(var i=0;i<aa.length;i++){
    if(!isNull(aa[i].subshopcategories)){
       for(var j=0;j<aa[i].subshopcategories.length;j++){
           if(!isNull(aa[i].subshopcategories[j])){
               bb.push(aa[i])
           }
       }
    }
}

let shopTypeData = bb.map((mianType, mainIndex) =>{ 
            let subTypes = mianType.subshopcategories;              
            let mainName = mianType.shoptype_name;    
                
            let cityRegionData = subTypes.map((subType, subIndex)=>{                   
                let subName = subType.shoptype_name;                  
                let cityRegionDataValue =  subType.subshopcategories;                 
                let subNameValue =  cityRegionDataValue.map((item,index)=>{                        
                    return item.shoptype_name                 
                })                     
                var shopTypeResultValue = {};                     
                shopTypeResultValue[subName] = subNameValue                
                return  shopTypeResultValue;            
            });            
            var shopTypeResult = {};             
            shopTypeResult[mainName] = cityRegionData;            
            return shopTypeResult;        
        });

console.log(JSON.stringify(bb))

[
    {
        "餐饮美食": [
            {
                "餐饮美食": [
                    "",
                    "是的是的是是",
                    "撒按时",
                    "豬肚雞",
                    "四川火锅",
                    "胡椒",
                    "鸳鸯锅",
                    "阿斯达所多",
                    "dasawq1",
                    "sss",
                    "333"
                ]
            },
            {
                "餐饮美食": [
                    "阿萨德是的"
                ]
            },
            {
                "餐饮美食": [
                    "ertert"
                ]
            },
            {
                "餐饮美食": [
                    "XXX"
                ]
            }
        ]
    },
    {
        "餐饮美食": [
            {
                "餐饮美食": [
                    "",
                    "是的是的是是",
                    "撒按时",
                    "豬肚雞",
                    "四川火锅",
                    "胡椒",
                    "鸳鸯锅",
                    "阿斯达所多",
                    "dasawq1",
                    "sss",
                    "333"
                ]
            },
            {
                "餐饮美食": [
                    "阿萨德是的"
                ]
            },
            {
                "餐饮美食": [
                    "ertert"
                ]
            },
            {
                "餐饮美食": [
                    "XXX"
                ]
            }
        ]
    },
    {
        "餐饮美食": [
            {
                "餐饮美食": [
                    "",
                    "是的是的是是",
                    "撒按时",
                    "豬肚雞",
                    "四川火锅",
                    "胡椒",
                    "鸳鸯锅",
                    "阿斯达所多",
                    "dasawq1",
                    "sss",
                    "333"
                ]
            },
            {
                "餐饮美食": [
                    "阿萨德是的"
                ]
            },
            {
                "餐饮美食": [
                    "ertert"
                ]
            },
            {
                "餐饮美食": [
                    "XXX"
                ]
            }
        ]
    },
    {
        "餐饮美食": [
            {
                "餐饮美食": [
                    "",
                    "是的是的是是",
                    "撒按时",
                    "豬肚雞",
                    "四川火锅",
                    "胡椒",
                    "鸳鸯锅",
                    "阿斯达所多",
                    "dasawq1",
                    "sss",
                    "333"
                ]
            },
            {
                "餐饮美食": [
                    "阿萨德是的"
                ]
            },
            {
                "餐饮美食": [
                    "ertert"
                ]
            },
            {
                "餐饮美食": [
                    "XXX"
                ]
            }
        ]
    },
    {
        "酒店旅游": [
            {
                "酒店旅游": [
                    "搭搭撒撒"
                ]
            }
        ]
    }
]

[{"餐饮美食1":[{"餐饮美食2":["餐饮美食3"]}]}]