主页 / 问题 / 1196745
Accepted
dmitriy
Asked:2021-10-28 20:04:16 +0000 UTC2021-10-28 20:04:16 +0000 UTC

如何按对象中键的正确顺序按数组排序

  • 772

有一个数组顺序，其中指示了字段的正确顺序，并且有一个映射对象，其中字段的名称。如何使 Map 中的字段顺序正确，使其按顺序排列？

const order = ['hasTitle', 'hasSubmitButton', 'hasTooltip'];
const map = {
1: 'template',
7: 'hasTooltip',
5: 'hasTitle',
6: 'hasSubmitButton'
}

结果应该是：

map = {
  5: 'hasTitle',
  6: 'hasSubmitButton',
  7: 'hasTooltip',
}
javascript

3 个回答

  1. Best Answer

    不幸的是，这对于一个对象是不可能的。今天的键顺序将始终为：

    1. 包含按升序排列的数字的字符串键。
    2. 其余行键按创建顺序排列。
    3. 符号键按创建顺序排列。

    因此，即使您使用正确的键顺序重新创建对象，如果键是数字，它们仍将被重新排序：

    const obj = {
  '11': 11,
  '3': 3,
  '2': 2,
  '1': 1,
};

console.log(obj); // { '1': 1, '2': 2, '3': 3, '11': 11 }
console.log(Object.keys(obj)); // [ '1', '2', '3', '11' ]

    查看详情：https ://2ality.com/2015/10/property-traversal-order-es6.html

    因此，您需要使用 Map，或者更改键的格式。

    • 1 

  2. const order = ['hasTitle', 'hasSubmitButton', 'hasTooltip'];
const map = {
  1: 'template',
  7: 'hasTooltip',
  5: 'hasTitle',
  6: 'hasSubmitButton'
}

const invertMap = {};

for (let key in map) invertMap[map[key]] = key;

const newMap = order.reduce((acc, item) => {
  if (invertMap[item]) acc[invertMap[item]] = item;
  return acc;
}, {})

console.log(newMap);

    • 0 

  3. const order = ['hasSubmitButton', 'hasTooltip', 'hasTitle'];

const map = {
1: 'template',
7: 'hasTooltip',
5: 'hasTitle',
6: 'hasSubmitButton'
};

const entries  = order.map(
i => Object.entries(map).find(e => e[1] === i)
);

// массив с сохранением порядка
console.log(entries);

// объект в котором порядок не гарантирован
console.log(Object.fromEntries(entries));

    • 0

相关问题