【笔记】前端接收List＜List＜Map＜String,Object＞＞＞类型的json数据该怎么遍历

问题描述：

        在今天的项目里，写到了一个图表统计，而数据内容则是2016到2022七年数据，每年数据里又有五条根据不同范围而划分的“A B C D E”子数据，后端返回的数据类型就是如题中的List>>类型，即用一个List包住＜List＜Map＜String,Object＞＞的类型。如图：

我该如何接收到每个值呢？

解决办法：

        硬着头皮拆解法：

success: function (data1) {

                        var A =[];
                        var B =[];
                        var C =[];
                        var D =[];
                        var E =[];


                        var from = Array.from(data1.data);
                        from.forEach(function (element,index,array){
                            element.forEach(function (e,i,a){
                                for (var key in e){
                                    switch (key){
                                        case "A": A.push(e[key])
                                            break;
                                        case "B": B.push(e[key])
                                            break;
                                        case "C": C.push(e[key])
                                            break;
                                        case "D": D.push(e[key])
                                            break;
                                        case "E": E.push(e[key])
                                            break;
                                    }
                                    console.log("key："+key+"，value："+e[key])
                                }
                            })
                        })

                        A.forEach(function (value,index,a){
                            console.log(value);
                        })

/**
*剩下的代码
*/
}

        打完收工。

文末总结：要多复习常用到的集合的遍历与使用。

如果本文对你有启发，请点个赞再走吧~

参考的文章：http://t.csdn.cn/wktpy