如何自定义JavaScript对象的键值输出顺序而非默认排序？

在JavaScript里，普通对象的键顺序虽然在ES6+有规范，但不同运行环境（比如浏览器控制台、Node.js）的打印/序列化行为可能会自动对键进行排序，导致没法按预期顺序展示。要实现指定顺序的输出，有两种常用方法：

方法1：手动构建有序对象并序列化 #

先定义你想要的键顺序数组，然后通过遍历这个数组构建新对象，最后用JSON.stringify输出：

let obj1 = {"business": false, "economy": true, "first": false, "premium": true};
// 指定想要的键顺序
const desiredOrder = ['economy', 'premium', 'business', 'first'];

// 按顺序构建新对象
const orderedObj = desiredOrder.reduce((result, key) => {
  result[key] = obj1[key];
  return result;
}, {});

// 输出格式化后的字符串
console.log(JSON.stringify(orderedObj, null, 2));

执行后会得到预期输出：

{
  "economy": true,
  "premium": true,
  "business": false,
  "first": false
}

方法2：使用Map保存有序键值对 #

Map会严格按照键的插入顺序保存数据，适合需要严格控制顺序的场景。如果要输出成对象格式的字符串，可以手动拼接：

let obj1 = {"business": false, "economy": true, "first": false, "premium": true};

// 按预期顺序创建Map
const orderedMap = new Map([
  ['economy', obj1.economy],
  ['premium', obj1.premium],
  ['business', obj1.business],
  ['first', obj1.first]
]);

// 转换成对象格式的字符串
const outputStr = `{ ${Array.from(orderedMap).map(([key, value]) => `"${key}": ${value}`).join(', ')} }`;
console.log(outputStr);

执行后直接输出：

{ "economy": true, "premium": true, "business": false, "first": false }

注意：直接打印普通对象时，控制台可能还是会按自身规则排序展示，但通过上面两种方法生成的字符串，能保证输出顺序完全符合你的预期。

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