如何使用数字键按降序对对象进行排序？

Question

我遇到了一个问题，我编写的代码似乎做了两件非常奇怪的事情。当逐行运行时，对象是在正确战争中的对象中构造的，但是一旦它退出 for 循环，创建的对象似乎默认回到按升序排列的键？

我发送到函数中的对象如下：

{
   0: 'Hello',
   20: 'World',
   40: 'Test'
}

const reverseObject = (object) => {
  const newObject = {};
  Object.keys(object).reverse().forEach((key) => {
    newObject[key] = object[key];
  });
  return newObject;
};

我期望在这里发生的是一个看起来像这样的对象：

{
   40: 'Test'
   20: 'World',
   0: 'Hello',
}

newObject 在循环中看起来像这样

{
   40: 'Test'
   20: 'World',
   0: 'Hello',
}

但在返回线上看起来像

{
   0: 'Hello',
   20: 'World',
   40: 'Test'
}

我不确定 javascript 中的某些内容是否限制了这种用例，但我尝试使用的 API 与它的设置采用具有如下键的对象的方式略有不同。

如果您能想出一种按预期排序的方法，我们将不胜感激。期待回复。

Answer 1

您可以通过将键设为字符串来解决对象键的自动排序问题。从技术上讲，@Dacre Denny 是正确的，不能保证 JavaScript 对象中键的顺序，但是 afaik 是否所有浏览器都保持创建对象时指定的键顺序，除了它们是数字！

const obj = {
   0: 'Hello',
   20: 'World',
   40: 'Test'
};

const objStrKeys = {
   '_0': 'Hello',
   '_20': 'World',
   '_40': 'Test'
};

const reverseObject = (object) => {
  const newObject = {};
  Object.keys(object).reverse().forEach((key) => {
    newObject[key] = object[key];
  });
  return newObject;
};

console.log('obj', reverseObject(obj));
console.log('objStrKeys', reverseObject(objStrKeys));

并不是说“仅”将键括在引号中并保留数字是不够的，它们需要某种字符串前缀/后缀。是的，我知道根据您的用例，这可能不起作用，而且它相当丑陋，但如果您真的需要相反顺序的属性，这是您的选择 =)...

Answer 2

我不相信键排序是确定性的。至少，Chrome 似乎总是按顺序排列它们：

Object.keys({20: 'Hello', 30: 'There', 0: 'World'});
>> ["0", "20", "30"]