JavaScript中如何让新增属性排在对象的首位？

JavaScript对象的属性排序有明确规则：所有可转换为非负整数的字符串键会被优先按数值升序排列，排在非数字键的前面。你用Object.assign({a: 1}, obj)时，原对象中的'3'、'4'属于这类数字键，因此会被提前到'a'之前，导致和预期输出不符。

以下是两种可行的解决方案：

方案一：使用Map实现严格有序（推荐） #

Map会严格按照键的插入顺序存储数据，我们可以先分类原对象的键，再按预期顺序插入：

let obj = {'b': 2, 'c': 3, '3': 33, '4': 44};

// 分类原对象的键：数字键和非数字键
const numKeys = [];
const nonNumKeys = [];
for (const key of Object.keys(obj)) {
  const numKey = Number(key);
  if (!isNaN(numKey) && Number.isInteger(numKey) && numKey >= 0) {
    numKeys.push(key);
  } else {
    nonNumKeys.push(key);
  }
}
// 数字按键值升序排序
numKeys.sort((a, b) => Number(a) - Number(b));

// 按预期顺序构建Map
const orderedMap = new Map();
orderedMap.set('a', 1);
numKeys.forEach(key => orderedMap.set(key, obj[key]));
nonNumKeys.forEach(key => orderedMap.set(key, obj[key]));

// 转为普通对象（如果需要对象格式）
const addNewValue = Object.fromEntries(orderedMap);
console.log(addNewValue);

执行后输出与预期一致：

{
  "a": 1,
  "3": 33,
  "4": 44,
  "b": 2,
  "c": 3
}

方案二：手动构造新对象（适用于键固定的场景） #

如果原对象的键是固定已知的，可以直接按预期顺序手动组装新对象：

let obj = {'b': 2, 'c': 3, '3': 33, '4': 44};
const addNewValue = {
  'a': 1,
  '3': obj['3'],
  '4': obj['4'],
  'b': obj['b'],
  'c': obj['c']
};
console.log(addNewValue);

这种方式简单直接，但缺点是无法适配原对象键动态变化的场景。

注意：普通对象的属性顺序在ES6+规范中虽有明确，但数字键的特殊排序规则是例外。如果业务场景需要严格的顺序控制，优先使用Map而非普通对象。

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