JavaScript中的普通对象本质上是无序的键值对集合，虽然部分现代浏览器会对数值键做有序存储，但这并不属于语言规范层面的保证，因此实现对象排序需要额外的处理逻辑，同时兼顾数值键和值的排序需求更是需要针对性的策略设计。
JavaScript对象的键值特性
普通对象的键分为字符串键和Symbol键，当使用数值作为键时，数值会被自动转换为字符串存储。比如定义let obj = {2: 'a', 1: 'b'}，实际存储的键是"1"和"2"。如果直接遍历对象，不同遍历方式的顺序表现也不同：
for...in遍历会优先返回可枚举的数值键（按数值升序），再返回其他字符串键（按创建顺序）Object.keys()的返回顺序和for...in一致，但只包含自身可枚举属性Object.getOwnPropertyNames()会返回所有自身属性（包括不可枚举的数值键），顺序同样是先数值键升序，再其他字符串键升序
数值键排序的核心实现
如果需要单独对数值键做排序，最稳妥的方式是提取所有数值键，排序后再按顺序拼接新的对象。示例如下：
// 原始对象
let originObj = {3: 'c', 1: 'a', 2: 'b', 'name': 'test'};
// 提取所有数值键并排序
let numKeys = Object.keys(originObj)
.filter(key => !isNaN(Number(key))) // 过滤出数值键
.map(key => Number(key)) // 转换为数值类型
.sort((a, b) => a - b); // 升序排序
// 构建数值键排序后的对象
let sortedByNumKey = {};
numKeys.forEach(key => {
sortedByNumKey[key] = originObj[key];
});
// 后续添加非数值键（如果需要保留）
Object.keys(originObj).forEach(key => {
if (isNaN(Number(key))) {
sortedByNumKey[key] = originObj[key];
}
});
console.log(sortedByNumKey); // 输出：{1: 'a', 2: 'b', 3: 'c', name: 'test'}
按值排序的实现方式
按值排序的核心逻辑是将对象的键值对转换为数组，对数组按值排序后，再转换回对象。如果需要按值的升序、降序或者自定义规则排序，都可以灵活调整比较函数：
let valueObj = {a: 3, b: 1, c: 2};
// 将对象转换为[key, value]形式的数组
let entryArr = Object.entries(valueObj);
// 按值升序排序
entryArr.sort((a, b) => a[1] - b[1]);
// 转换回对象
let sortedByValue = Object.fromEntries(entryArr);
console.log(sortedByValue); // 输出：{b: 1, c: 2, a: 3}
// 按值降序排序只需要调整比较函数
entryArr.sort((a, b) => b[1] - a[1]);
let sortedByValueDesc = Object.fromEntries(entryArr);
console.log(sortedByValueDesc); // 输出：{a: 3, c: 2, b: 1}
兼顾数值键与值排序的策略
实际场景中如果需要同时兼顾数值键和值的排序，需要根据优先级明确规则，常见的策略有两种：
策略一：优先按数值键排序，数值键相同的按值排序
这种场景适用于数值键作为分组标识，值作为组内排序依据的情况。实现步骤是先提取数值键排序，再对相同数值键的条目按值排序：
let mixObj = {
2: 5,
1: 3,
2: 2, // 注意对象中同键会覆盖，实际存储的是后面的2:2
1: 4,
3: 1
};
// 提取数值键并去重排序
let uniqueNumKeys = [...new Set(Object.keys(mixObj).filter(key => !isNaN(Number(key))))]
.map(key => Number(key))
.sort((a, b) => a - b);
// 构建排序后的对象
let resultObj = {};
uniqueNumKeys.forEach(key => {
resultObj[key] = mixObj[key];
});
console.log(resultObj); // 输出：{1: 4, 2: 2, 3: 1}
如果同一个数值键对应多个值（比如值本身是数组），可以按值排序后再赋值：
let multiValueObj = {
1: [3, 1, 2],
2: [5, 4]
};
let sortedMultiObj = {};
Object.keys(multiValueObj).filter(key => !isNaN(Number(key))).map(Number).sort((a,b)=>a-b).forEach(key => {
// 对数值键对应的值数组做排序
sortedMultiObj[key] = multiValueObj[key].sort((a,b) => a - b);
});
console.log(sortedMultiObj); // 输出：{1: [1,2,3], 2: [4,5]}
策略二：优先按值排序，值相同的按数值键排序
这种场景适用于值作为主要排序维度，数值键作为次要排序依据的情况，实现时先将键值对转数组，自定义比较函数同时判断值和键：
let mixSortObj = {3: 2, 1: 2, 2: 1, 4: 3};
// 转换为数组后排序
let mixEntry = Object.entries(mixSortObj).filter(([key]) => !isNaN(Number(key)));
mixEntry.sort((a, b) => {
// 先按值升序排序
if (a[1] !== b[1]) {
return a[1] - b[1];
}
// 值相同则按数值键升序排序
return Number(a[0]) - Number(b[0]);
});
let mixSortResult = Object.fromEntries(mixEntry);
console.log(mixSortResult); // 输出：{2: 1, 1: 2, 3: 2, 4: 3}
注意事项与兼容性
需要注意Object.fromEntries是ES2019引入的方法，如果需要兼容旧环境（如IE），可以用reduce手动转换数组为对象：
// 兼容版本的Object.fromEntries实现
function fromEntries(entries) {
return entries.reduce((obj, [key, value]) => {
obj[key] = value;
return obj;
}, {});
}
// 使用自定义方法转换
let oldEnvResult = fromEntries(mixEntry);
console.log(oldEnvResult);
另外，如果需要保留非数值键，可以在排序完成后，将非数值键的属性再添加到结果对象中，但要注意对象属性的顺序在旧浏览器中可能不符合预期，若有强顺序需求建议使用Map结构存储排序后的结果，Map会严格按照插入顺序保存键值对。
JavaScript对象排序数值键排序值排序修改时间：2026-06-24 01:03:43