在javascript中对对象的关联数组进行排序

Question

我在 js 中有一个特定的对象数组，它们代表表的列。 我的对象是：

var columns = {
  "image": {
    "show": false,
    "orderable": true,
    "value": 0,
    "displayOrder":2
  },
  "name": {
    "show": true,
    "orderable": true,
    "value": 1,
    "displayOrder":0
  },
  "company": {
    "show": false,
    "orderable": false,
    "value": 2,
    "displayOrder":1
  }
}

我必须通过“displayOrder”对对象进行排序，但使用类似

的函数

columns.sort(function(a, b) {
  return parseFloat(a.displayOrder) - parseFloat(b.displayOrder); 
});

显然它返回一个错误。 我该怎么做？

Answer 1

您只能在数组上使用.sort，因为它是Array.prototype 方法（MDN）。因此，作为一个最简单的解决方案，我更愿意将您的 columns 数据从对象更改为数组：

var columnList = [
    {
      "key": "image",
      "value": {
          "show": false,
          "orderable": true,
          "value": 0,
          "displayOrder":2
      }
    },
    {
      "key": "name",
      "value": {
          "show": true,
          "orderable": true,
          "value": 1,
          "displayOrder":0
      } 
    },
    {
      "key": "company",
      "value": {
          "show": false,
          "orderable": false,
          "value": 2,
          "displayOrder":1
      } 
    }
];

var result = columnList.sort(function(a, b) {
    return parseFloat(a.value.displayOrder) - parseFloat(b.value.displayOrder);  
});

console.log(result);

console.log 的结果将是准确的

0:{key: "name", value: {…}}
1:{key: "company", value: {…}}
2:{key: "image", value: {…}}

---

这种转换（从object 到array）可以通过Object.keys 以编程方式完成：

result = Object.keys(columns)
  .map(c => ({ key: c, value: columns[c]}))
  .sort((a, b) => a.value.displayOrder - b.value.displayOrder)

这里columns 是您的初始对象。在Object.keys()和.map()的帮助下，我把它变成了我之前描述的数组，所以.sort()方法可以被链式调用。