如何创建字段按插入顺序排序的TypeScript对象

首先明确问题根源：JavaScript/TypeScript 中，对象的数字形式字符串键（比如"256"、"255"）会被引擎自动按数值升序排列，而非插入顺序。这就是你看到"256"和"255"位置互换的原因——不管你用Record<string, any>还是自定义类型，运行时本质都是普通对象，都会遵循这个排序规则。

下面给你几种可行的解决方案，按优先级排序：

1. 修改键为非纯数字格式（最简便） #

如果服务器能接受，把数字键改成带前缀/后缀的字符串，比如"lesson_256"、"lesson_255"。这类非纯数字字符串键会严格按插入顺序保存，不会被自动排序。

示例：

const data = {
  "sfwd-lessons": {
    "lesson_256": {
      "sfwd-topic": { "270": { "sfwd-quiz": [] } },
      "sfwd-quiz": { "289": [] }
    },
    "lesson_255": {
      "sfwd-topic": [],
      "sfwd-quiz": []
    }
  },
  "sfwd-quiz": []
};

2. 用数组模拟有序结构（次选） #

如果服务器允许接收数组格式，把需要保持顺序的对象转换成[{ key: "256", value: {...} }, { key: "255", value: {...} }]的数组结构，数组会严格保留插入顺序。

示例：

const data = {
  "sfwd-lessons": [
    { key: "256", value: {
      "sfwd-topic": { "270": { "sfwd-quiz": [] } },
      "sfwd-quiz": { "289": [] }
    }},
    { key: "255", value: {
      "sfwd-topic": [],
      "sfwd-quiz": []
    }}
  ],
  "sfwd-quiz": []
};

3. 手动构建JSON字符串（必须保留原对象格式时用） #

如果服务器必须接收原对象结构且键不能改，那就绕过JSON.stringify，手动按插入顺序拼接JSON字符串，这样能完全控制属性顺序。

示例：

// 先定义需要保持顺序的键列表
const sfwdLessonsKeys = ["256", "255"];
const sfwdLessonsData = {
  "256": {
    "sfwd-topic": { "270": { "sfwd-quiz": [] } },
    "sfwd-quiz": { "289": [] }
  },
  "255": {
    "sfwd-topic": [],
    "sfwd-quiz": []
  }
};

// 手动拼接sfwd-lessons部分的JSON（用JSON.stringify处理键值避免转义问题）
const sfwdLessonsJson = sfwdLessonsKeys
  .map(key => `${JSON.stringify(key)}: ${JSON.stringify(sfwdLessonsData[key])}`)
  .join(",\n    ");

// 拼接完整的JSON字符串
const finalJson = `{
  "sfwd-lessons": {
    ${sfwdLessonsJson}
  },
  "sfwd-quiz": []
}`;

// 发送请求时直接用这个字符串，而不是发送对象
fetch("/api/xxx", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: finalJson
});

为什么Map没用？ #

Map确实是有序的，但JSON.stringify会把Map直接序列化成{}，如果要转成JSON需要自己处理成数组，而服务器大概率不接受数组格式替代原对象，所以这条路走不通。

内容的提问来源于stack exchange，提问作者Joseph.Botros