当前位置：首页 > news >正文

js对map排序，后端返回有序的LinkedHashMap类型时前端获取后顺序依旧从小到大的解决方法

news 2025/7/23 0:36:30

js对map排序，后端返回有序的LinkedHashMap类型时前端获取后顺序依旧从小到大的解决方法

js对map排序，后端返回有序的LinkedHashMap类型时前端获取后顺序依旧从小到大的解决方法

[{"2020": [{"id": 39,"createTime": "2020-10-15T22:29:20.016","year": 2020,"monthDay": "10-15","title": "冒泡排序"},{"id": 37,"createTime": "2020-10-14T11:44:12.163","year": 2020,"monthDay": "10-14","title": "这是博客标题13"}],"2019": [{"id": 28,"createTime": "2019-10-15T18:57:41.409","year": 2019,"monthDay": "10-15","title": "这是博客标题5"},{"id": 27,"createTime": "2019-10-15T18:57:38.442","year": 2019,"monthDay": "10-15","title": "这是博客标题4"},{"id": 26,"createTime": "2019-10-15T18:57:36.086","year": 2019,"monthDay": "10-15","title": "这是博客标题3"}],"2018": [{"id": 25,"createTime": "2018-10-15T18:57:31.986","year": 2018,"monthDay": "10-15","title": "这是博客标题2"},{"id": 24,"createTime": "2018-10-15T18:57:27.428","year": 2018,"monthDay": "10-15","title": "这是博客标题1"}],"2017": [{"id": 12,"createTime": "2017-10-14T11:44:12.163","year": 2017,"monthDay": "10-14","title": "### 博客"}]}
]

浏览器获取结果变成了：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0vkNViJ4-1683592135147)(C:\Users\quyanliang\AppData\Roaming\Typora\typora-user-images\1683592070705.png)]
所以后端就算进行了排序处理，但是浏览器还是有自己的想法，在这里就要进行前端处理了：

                    //先把获取到的json对象转成maplet map = new Map();//archive就是接口返回的json对象for (let year in archive) {map.set(year,archive[year]);}//把map转换为array就可以排序了let arr = Array.from(map);arr.sort(function (a,b) {//map转成array后，下标0为key，下标1为value//这里根据年份进行倒序排序return b[0]-a[0];});console.log(arr)

可以从打印信息看出来已经正确排序了：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n7mKsFXf-1683592135147)(C:\Users\quyanliang\AppData\Roaming\Typora\typora-user-images\1683592110064.png)]