我们如何自定义排序 JavaScript 对象键？

Question

我正在尝试对 JavaScript 对象进行自定义排序，但无法了解如何以正确的方式执行此操作。假设我有一个类似的对象

var test = {
  'yellow': [],
  'green': [],
  'red': [],
  'blue': []
}

我有一个数组，其值为：var arr = ['red', 'green', 'blue', 'yellow'];

所以排序后，我想按照数组中指定的顺序输出

var test = {
  'red': [],
  'green': [],
  'blue': [],
  'yellow': []
}

但由于某种原因，我无法做到这一点。这里要做的是循环和排序，但它以 AZ 模式排序，而不是按照我指定数组的顺序。另外，你可能会问，我什至没有在排序函数中使用我的数组，但没有得到实现这一目标的确切方法。

var test = {
  'yellow': [],
  'green': [],
  'red': [],
  'blue': []
}

var keys = Object.keys(test);

console.log(keys.sort());  //["blue", "green", "red", "yellow"] which is not ordered nor it's an object

任何指示都会对他有所帮助。

---

注意：我有这个特定的要求，因为我使用带有默认 {{#each}} 块的 HandleBars，但我想按该顺序循环内部对象。我可以循环 Handlebars 中的对象并将它们传递给模板，但我没有使用模板引擎的功能。我想让 Handlebars 循环它们还是我错过了什么？如果我循环对象并将整个标记传递给车把模板是否可以。

Answer 1

也许你可以使用 JSON.stringify() 来改变它

喜欢

var json = {     "name": "David",     "age" : 78,     "NoOfVisits" : 4   };
console.log(json);
//outputs - Object {name: "David", age: 78, NoOfVisits: 4}
//change order to NoOfVisits,age,name

var k = JSON.parse(JSON.stringify( json, ["NoOfVisits","age","name"] , 4));
console.log(k);
//outputs - Object {NoOfVisits: 4, age: 78, name: "David"} 

把你想要的键顺序放在一个数组中并提供给函数。然后将结果解析回json。

Answer 2

你可以使用Map()

Map 对象按插入顺序迭代其元素

var arr = ['red', 'green', 'blue', 'yellow'];

var map = new Map();

arr.forEach(function(val, index) {
  var obj = {};
  obj[val] = [];
  map.set(index, obj)
});

console.log(map)

Answer 3

JavaScript 对象是散列，因此本质上是无序的。您不能以任何给定的顺序制作具有属性的对象。如果您在枚举键时收到命令，那纯属巧合，或者更好地说，是 JavaScript 引擎的实现细节。

您必须使用对象数组来实现您想要做的事情。

换句话说，你选择的数据结构是不可能的。