如何按键的字母顺序为JavaScript对象插入属性并保持键排序？

首先得明确：ES6及之后的JavaScript对象，键的顺序规则是整数类型键会按数值排序，其余字符串键则严格遵循插入顺序。你当前的对象里，a、b、d是先定义的，之后才添加c，所以打印时会按插入顺序显示a、b、d、c。

要让对象按键的字母顺序排列，无法直接修改原有对象的键顺序，但可以通过创建新对象的方式实现，下面是几种常用方案：

方案1：使用Object.fromEntries配合排序（ES2019+支持） #

先把对象转成键值对数组，排序后再转回对象：

let obj = {
    a: 1,
    b: 2,
    d: 4
};
obj["c"] = 3;

// 按字母顺序排序并生成新对象
const sortedObj = Object.fromEntries(
  Object.entries(obj).sort(([keyA], [keyB]) => keyA.localeCompare(keyB))
);

console.log(sortedObj); // 输出 {a: 1, b: 2, c: 3, d: 4}

方案2：用reduce构建排序后的对象（兼容旧环境） #

如果你的运行环境不支持Object.fromEntries，可以用reduce遍历排序后的键来构建新对象：

let obj = {
    a: 1,
    b: 2,
    d: 4
};
obj["c"] = 3;

// 先获取排序后的键数组
const sortedKeys = Object.keys(obj).sort((keyA, keyB) => keyA.localeCompare(keyB));
// 遍历构建新对象
const sortedObj = sortedKeys.reduce((result, key) => {
  result[key] = obj[key];
  return result;
}, {});

console.log(sortedObj); // 输出按字母顺序排列的对象

方案3：用Map确保顺序（更可靠的顺序控制） #

如果需要长期维护有序的键值对，推荐使用Map——它会严格保持插入顺序，也能轻松实现排序：

// 初始化Map
const map = new Map([
  ['a', 1],
  ['b', 2],
  ['d', 4]
]);
// 添加新键值对
map.set('c', 3);

// 转换为按字母排序的Map
const sortedMap = new Map(
  Array.from(map).sort(([keyA], [keyB]) => keyA.localeCompare(keyB))
);

// 如需转回对象
const sortedObj = Object.fromEntries(sortedMap);
console.log(sortedObj);

需要注意：虽然新对象的键顺序符合预期，但如果后续再添加新键，还是会遵循插入顺序，若要保持字母顺序，需要重新执行排序构建的逻辑。

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