如何调整对象中键的顺序，将指定键c5移动到c2的后面

前提说明：ES6 及以上版本的 JavaScript 标准中，对象的字符串类型键会严格按照插入顺序保存，因此我们可以通过重新构造对象的方式调整键的位置。

方法1：手动重构对象（适合键数量少的场景） #

直接按照目标顺序重写对象即可，代码直观易读：

const original = {
  c1: [],
  c2: [],
  c3: [],
  c4: [],
  c5: []
};

const adjusted = {
  c1: original.c1,
  c2: original.c2,
  c5: original.c5, // 把c5放到c2后面
  c3: original.c3,
  c4: original.c4
};

方法2：动态调整（适合键数量多的场景） #

如果对象键的数量较多，手动重写效率低，可以先调整键数组的顺序，再批量生成新对象：

const original = {
  c1: [],
  c2: [],
  c3: [],
  c4: [],
  c5: []
};

// 获取原对象所有键的数组
const keyList = Object.keys(original);
// 先移除原位置的c5
keyList.splice(keyList.indexOf('c5'), 1);
// 把c5插入到c2的后一位
keyList.splice(keyList.indexOf('c2') + 1, 0, 'c5');

// 按新的键顺序生成对象
const adjusted = {};
keyList.forEach(key => {
  adjusted[key] = original[key];
});

补充说明 #

如果业务逻辑对键的顺序有强依赖，更推荐使用Map结构存储有序键值对，Map天生保证插入顺序，调整位置的操作也更灵活，兼容性和可靠性都比普通对象更高。

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