JavaScript中能否调整对象属性的排列位置？

是可以实现的，你查到的「JavaScript对象属性位置无法调整」是对规则的误读：

• ES6 规范明确约定了对象属性的遍历顺序规则：
  • 第一优先级是可转换为非负整数的字符串键，按数值从小到大排列，这部分顺序无法自定义
  • 第二优先级是普通字符串键，严格按照属性被添加到对象的先后顺序排列
  • 第三优先级是Symbol类型键，同样按添加顺序排列
    你给出的示例里所有键都是普通字符串，没有整数索引类键，完全可以通过重建对象的方式得到你想要的键顺序。

你看到的「属性无法调整位置」的说法，实际指的是无法在原对象上直接修改已存在属性的排列位置——如果要调整顺序，只需要按你想要的属性顺序重新构建一个新对象即可。

针对你这个场景的最简实现 #

用对象解构+剩余操作符就能快速得到目标结构：

const details = {
  firstName: "Priya",
  age: 26,
  class: 12,
  Address: "UP",
  lastName: "Kumari"
}

// 先取出需要前置的两个属性，剩下的属性按原顺序收集
const { firstName, lastName, ...restProps } = details
// 按目标顺序组装新对象
const updated = {
  firstName,
  lastName,
  ...restProps
}

运行后updated的结构和你给出的预期完全一致，Object.keys(updated)的输出为['firstName', 'lastName', 'age', 'class', 'Address']，JSON.stringify序列化时也会遵循这个顺序。

通用调整方法 #

如果需要做任意位置的键调整，可以先取出原对象的键数组，调整数组顺序后再重建对象：

/**
 * 将对象中的指定键移动到目标键的后面
 * @param {Object} obj 原对象
 * @param {string} targetKey 锚点键
 * @param {string} keyToMove 需要移动的键
 * @returns 调整顺序后的新对象
 */
function moveKeyAfter(obj, targetKey, keyToMove) {
  const keyList = Object.keys(obj)
  // 移除待移动键的原位置
  const moveIndex = keyList.indexOf(keyToMove)
  keyList.splice(moveIndex, 1)
  // 计算插入位置，插入到锚点键后方
  const insertIndex = keyList.indexOf(targetKey) + 1
  keyList.splice(insertIndex, 0, keyToMove)
  // 按新的键顺序组装对象
  return keyList.reduce((newObj, key) => {
    newObj[key] = obj[key]
    return newObj
  }, {})
}

// 调用示例
const updated = moveKeyAfter(details, 'firstName', 'lastName')

注意事项 #

• 上述顺序对所有遵循ES6+规范的JS运行时生效，覆盖for...in遍历、Object.keys/values/entries、JSON.stringify等绝大多数常用场景
• 不要依赖属性顺序做核心业务的强逻辑判断，整数键的优先级规则无法修改，如果业务对顺序敏感度极高，更建议使用Map结构，Map的键顺序完全按插入顺序确定，没有整数键优先级的特殊规则

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