js {对象：数组}形式处理成数组表格的形式

js

//需要处理的数据
  const obj = {
            "10": {
                "areaCode": 10,

            },
            "11": {
                "areaCode": 11,

            },
            "12": {
                "areaCode": 12,

            },
            "13": {
                "areaCode": 13,

            },
            "14": {
                "areaCode": 14,

            },
            "15": {
                "areaCode": 15,

            },
            "16": {
                "areaCode": 16,

            },
            "17": {
                "areaCode": 17,

            },
            "18": {
                "areaCode": 18,

            },
            "19": {
                "areaCode": 17,

            },
            "20": {
                "areaCode": 20,

            },
            "21": {
                "areaCode": 21,

            },
            "22": {
                "areaCode": 22,

            },
            "23": {
                "areaCode": 23,

            },
            "00": {
                "areaCode": 24,

            },
            "01": {
                "areaCode": 1,

            },
            "02": {
                "areaCode": 2,

            },
            "03": {
                "areaCode": 3,

            },
            "04": {
                "areaCode": 4,

            },
            "05": {
                "areaCode": 5,

            },
            "06": {
                "areaCode": 6,

            },
            "07": {
                "areaCode": 7,

            },
            "08": {
                "areaCode": 8,

            },
            "09": {
                "areaCode": 9,

            }
        }
//想要的数据格式
const arr = [{
                "name": "00",
                "value": {
                    "areaCode": 0,
                }
            },
            {
                "name": "01",
                "value": {
                    "areaCode": 1,
                }
            },
            {
                "name": "02",
                "value": {
                    "areaCode": 2,
                }
            },
            {
                "name": "03",
                "value": {
                    "areaCode": 3,
                }
            },
            {
                "name": "04",
                "value": {
                    "areaCode": 4,
                }
            },
            {
                "name": "05",
                "value": {
                    "areaCode": 5,

                }
            },
            {
                "name": "06",
                "value": {
                    "areaCode": 6,
                }
            },
            {
                "name": "07",
                "value": {
                    "areaCode": 7,
                }
            },
            {
                "name": "08",
                "value": {
                    "areaCode": 8,
                }
            },
            {
                "name": "09",
                "value": {
                    "areaCode": 9,
                }
            },
            {
                "name": "10",
                "value": {
                    "areaCode": 10,
                }
            },
            {
                "name": "11",
                "value": {
                    "areaCode": 11,
                }
            },
            {
                "name": "12",
                "value": {
                    "areaCode": 12,
                }
            },
            {
                "name": "13",
                "value": {
                    "areaCode": 13,
                }
            },
            {
                "name": "14",
                "value": {
                    "areaCode": 14,
                }
            },
            {
                "name": "15",
                "value": {
                    "areaCode": 15,
                }
            },
            {
                "name": "16",
                "value": {
                    "areaCode": 16,
                }
            },
            {
                "name": "17",
                "value": {
                    "areaCode": 17,
                }
            },
            {
                "name": "18",
                "value": {
                    "areaCode": 18,
                }
            },
            {
                "name": "19",
                "value": {
                    "areaCode": 19,
                }
            },
            {
                "name": "20",
                "value": {
                    "areaCode": 20,
                }
            },
            {
                "name": "21",
                "value": {
                    "areaCode": 21,
                }
            },
            {
                "name": "22",
                "value": {
                    "areaCode": 22,
                }
            },
            {
                "name": "23",
                "value": {
                    "areaCode": 23,
                }
            }
        ]
//逻辑代码    
   let nameArr = []; //存放key值
        let valArr = []; // value
        let dataList = []; //新数组
        let dataVal = {}; //用于存放对象
        for (let i in obj) {
            nameArr.push(i);
            valArr.push(obj[i]);
        }
        for (let index = 0; index < nameArr.length; index++) {
            dataVal = {
                name: nameArr[index],
                value: valArr[index],
            };
            dataList.push(dataVal);
            console.log("🚀 ~ file: tree.html ~ line 535 ~ dataList", dataList)
        }
        // 排序 多余
        function compare(prop) {
            return function (obj1, obj2) {
                const val1 = obj1[prop];
                const val2 = obj2[prop];
                if (val1 < val2) {
                    return -1;
                } else if (val1 > val2) {
                    return 1;
                } else {
                    return 0;
                }
            };
        };
        const neArrs = dataList.sort(this.compare('name'));
        console.log("🚀 ~ file: tree.html ~ line 551 ~ neArrs", neArrs)