如何在JavaScript中按指定顺序调整对象键值对顺序

首先要修正你代码里的语法错误：你贴的示例用数组包裹对象键值对不符合JavaScript语法，正确的原始对象结构应该是这样：

const originalObj = {
  id: 1,
  name: "John",
  address: "Britain"
};

要实现指定键顺序的对象，核心思路是按目标顺序重新构建新对象——因为JavaScript对象的非数字键是按插入顺序存储的，直接修改原对象的键顺序行不通，必须重新生成。

下面是两种可行的实现方式：

方式一：手动构建（适合键少的场景） #

直接按你想要的顺序，从原对象中取值赋值给新对象：

const orderedObj = {
  id: originalObj.id,
  address: originalObj.address,
  name: originalObj.name
};

方式二：动态生成（适合键多或需要复用的场景） #

先定义目标键的顺序数组，再通过遍历生成新对象，更灵活：

// 定义你想要的键顺序
const desiredOrder = ['id', 'address', 'name'];

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

// 或者用Object.fromEntries简化写法
const orderedObj = Object.fromEntries(
  desiredOrder.map(key => [key, originalObj[key]])
);

注意事项 #

• 现代浏览器和Node.js（ES6+）都严格遵循对象键的插入顺序（数字键除外，会被自动排序），所以上面的方法可以稳定生效。
• 如果之前的方案无效，大概率是尝试直接修改原对象的键顺序，这种操作在JavaScript里是不被支持的，必须通过重新构建对象来实现。

内容的提问来源于stack exchange，提问作者Danang Wahyu Nugroho