如何避免Ajax响应中Dictionary的键被自动排序？

问题出在JavaScript的对象特性上：只要对象的键是类数字的字符串（比如"100"、"101"），JS就会自动把这些键按数字升序排列，不管后端返回时的顺序是什么，这是语言本身的规则，没法直接禁用。

要保留键的原始顺序，只能换一种数据结构传输，最靠谱的方案是把后端的字典改成数组嵌套对象的形式：

后端修改（Python） #

把原来的键值对字典，转换成包含key和value字段的对象数组，这样就能完全保留插入顺序：

# 替换原来的response定义
response = [
    {"key": "100", "value": "test"},
    {"key": "102", "value": "test12"},
    {"key": "101", "value": "test13"}
]
return JsonResponse({'status':'200','response':response})

如果你的原始字典是有序的（比如Python 3.7+的普通字典默认保留插入顺序，或者用collections.OrderedDict），也可以通过推导式快速转换：

from collections import OrderedDict

# 假设原始有序字典
origin_response = OrderedDict([("100", "test"), ("102", "test12"), ("101", "test13")])
# 转成数组
response = [{"key": k, "value": v} for k, v in origin_response.items()]
return JsonResponse({'status':'200','response':response})

前端处理（jQuery） #

拿到数组后，直接遍历就能按原始顺序处理每个键值对：

success: function (data) {
    console.log(data.response, "有序的响应数据");
    // 遍历数组，按原始顺序处理
    data.response.forEach(item => {
        console.log(`键：${item.key}，值：${item.value}`);
    });
}

为什么不能用对象保留顺序？ #

JS的对象（Object）对于类数字键的排序是硬规则，哪怕你把键改成带非数字前缀的字符串（比如"id_100"），虽然不会排序，但这属于临时 workaround，不如数组方案直接可靠。

内容的提问来源于stack exchange，提问作者padmaja cherukuri