Javascript 对象顺序不正确

Question

这个问题已经有答案了:

How to keep an Javascript object/array ordered while also maintaining key lookups? (2 个回答)

已关闭 7 年前。

我有一个检索对象的函数。

该对象有一个属性和一个值。该属性是数字，从“-30”开始一直到“50”

问题是，当我循环访问这个对象时，浏览器似乎将其从“0”开始排序，而不是从“-30”的初始属性开始

我需要确保顺序与对象完全相同。

var colorOj = {
   "-30":"#111","-29":"#131313", ..etc.., "0":"#333", ..etc.., 
   "50":"#555"
}

function makeList(object){
   for (var i in object) {
      console.log(i); // Returns 0,1,2,3,4,5
      // I need a return of -30,-29,-28,..., 0, 1, 2 ...
   }
}
makeList(colorObj);

Answer 1

正如@Teemu所建议的，属性不以任何特定顺序存储。但您可以相应地使用特定的排序功能以任何顺序打印它们。

代码

var obj = {};

for (var i = 5; i > -5; i--) {
  obj[i * 10] = i * 10;
}

// Sort and get all keys...
var keys = Object.keys(obj).sort(function(a, b) {
  return parseInt(a) - parseInt(b);
});

console.log(keys)

// Loop over keys to print values of each property
keys.forEach(function(item) {
  console.log(item, obj[item]);
})