过去,当我使用 console.log(obj) 在 Javascript 中显示对象的属性时,属性会按字母顺序显示。最近,这种情况似乎发生了变化。我假设新顺序更接近属性在代码中的实际存储方式(尽管我的印象是对象属性一开始就没有“真正的”固定顺序)。
但是,对于大型、复杂的类,按字母顺序显示对于查找我正在寻找的属性非常有用。有没有像以前一样按字母顺序显示属性的选项?
(我还想知道当前属性的“代表”顺序到底是什么,以及它是如何确定的。)
过去,当我使用 console.log(obj) 在 Javascript 中显示对象的属性时,属性会按字母顺序显示。最近,这种情况似乎发生了变化。我假设新顺序更接近属性在代码中的实际存储方式(尽管我的印象是对象属性一开始就没有“真正的”固定顺序)。
但是,对于大型、复杂的类,按字母顺序显示对于查找我正在寻找的属性非常有用。有没有像以前一样按字母顺序显示属性的选项?
(我还想知道当前属性的“代表”顺序到底是什么,以及它是如何确定的。)
尽管我的印象是对象属性一开始就没有“真正的”固定顺序
从 ES2015 开始,它们确实如此(甚至以前被豁免的操作现在也被引入了),但你可能希望继续表现得好像它们没有那样。对于自己的属性,它是它们添加到对象的顺序(整数索引属性除外,它以数字顺序在其他属性之前列出);这个问题的答案中的详细信息。(没有定义继承属性的顺序,尽管引擎对它们的处理方式相当一致:它们在自己的属性之后列出它们,遵循相同的顺序规则。但同样,这没有指定。)
最近,这种情况似乎发生了变化。
从实验上看,它现在看起来像是遵循属性顺序。
你可以给自己一个实用函数来创建一个新对象,并按字母顺序添加属性:
function logAlpha(obj) {
const x = {};
for (const key of Object.keys(obj).sort()) {
x[key] = obj[key];
}
console.log(x);
}
当然,与 不同console.log(obj)
的是,这将是一个快照,而不是原始对象的实时链接。
你可以做很多调整(包括原型属性,包括原型本身,包括完整原型链的排序版本等),但这就是要点。