JavaScript中按指定数组调整对象数组的键值对顺序

你之前的代码错误在于用了analyzeTableData.sort()——这个方法是用来排序数组中的元素（即那些对象），而不是调整单个对象内部的键值对顺序，所以方向完全不对。

要实现按analyzeTableHeader的顺序重排每个对象的键，核心思路是：遍历每个数据对象，按照指定的键顺序重新构建新对象（ES6+中对象的键会保留插入顺序，除了数字类型的键）。

具体实现代码 #

const analyzeTableHeader = ["TermA", "TermC", "TermB"];
const analyzeTableData = [
  { "TermA": "test1", "TermB": "test2", "TermC": "test3" },
  { "TermA": "test1a", "TermB": "test2a", "TermC": "test3a" }
];

// 生成按指定顺序排列键的新数组
const sortedTableData = analyzeTableData.map(obj => {
  return analyzeTableHeader.reduce((result, key) => {
    // 按header顺序依次添加键值对
    result[key] = obj[key];
    return result;
  }, {}); // 初始值为空对象
});

console.log(sortedTableData);

代码说明 #

1. map遍历数组：逐个处理analyzeTableData里的每个数据对象
2. reduce构建新对象：以空对象为起点，按照analyzeTableHeader的顺序，把原对象的对应键值对依次添加到新对象中，最终得到键顺序符合要求的对象
3. 保留原数据：这段代码不会修改原analyzeTableData数组，而是返回一个全新的数组，如果你需要覆盖原数组，直接赋值即可：analyzeTableData = sortedTableData;

可选扩展：处理额外键 #

如果原对象中存在analyzeTableHeader之外的键，且你想把这些键追加到末尾，可以在reduce之后再合并：

const sortedTableData = analyzeTableData.map(obj => {
  // 先按指定顺序构建基础对象
  const sortedObj = analyzeTableHeader.reduce((result, key) => {
    result[key] = obj[key];
    return result;
  }, {});
  // 追加不在header里的键
  Object.keys(obj).forEach(key => {
    if (!analyzeTableHeader.includes(key)) {
      sortedObj[key] = obj[key];
    }
  });
  return sortedObj;
});

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