如何在TypeScript/JavaScript中将新元素插入到对象末尾？

问题原因 #

JavaScript对象的属性排序遵循固定规则：能被解析为整数的数字型字符串键，会被优先按升序排列在最前面；非数字型的字符串键则按插入顺序排列。你插入的'11'属于数字型字符串键，因此会被排在原对象的非数字键前面。

可行解决方案 #

• 方案一：修改键名格式（允许改键名时用）
  把数字型字符串键改成非数字开头的形式，这样它会按插入顺序排在末尾：

  let dict = { 'aa': 1, 'bb': 2 };
  dict['_11'] = 3;
  // 结果：{aa: 1, bb: 2, _11: 3}
  

• 方案二：用Map维护插入顺序（适合需要按顺序操作的场景）
  Map会严格保持键的插入顺序，可先将原对象转为Map，添加新元素后按顺序遍历；若转回对象，数字键仍会排序，但遍历Map时顺序符合要求：

  let dict = { 'aa': 1, 'bb': 2 };
  // 对象转Map
  let map = new Map(Object.entries(dict));
  // 添加新元素，会排在末尾
  map.set('11', 3);
  // 遍历顺序为：aa → bb → 11
  for (let [key, value] of map) {
    console.log(key, value);
  }
  // 转回对象（数字键仍会排前面，仅遍历Map时顺序可控）
  let newDict = Object.fromEntries(map);
  

• 方案三：改用数组存储键值对（完全自定义顺序）
  如果需要绝对控制显示或存储顺序，可将对象结构改为数组，每个元素包含键和值：

  let arr = [
    { key: 'aa', value: 1 },
    { key: 'bb', value: 2 }
  ];
  // 插入到末尾
  arr.push({ key: '11', value: 3 });
  // 顺序完全可控：aa → bb → 11
  

内容的提问来源于stack exchange，提问作者Sergey Ch.