使用排序数组对对象键进行排序

Question

我有以下按字母顺序对对象进行排序的代码，我想摆脱字母顺序并按我自己选择的顺序进行排序。

var obj = {
  c: "see",
  a: "ay",
  b: "bee",
  d: "dee"
};

console.log("Object order:");
var key, keys = [];
for (key in obj) {
  keys.push(key);
}
console.log(keys.map(function(key) { return key + ": " + obj[key];}).join(", "));

console.log("Sorted order:");
keys = Object.keys(obj).sort()
console.log(keys.map(function(key) { return key + ": " + obj[key];}).join(", "));

上面将输出 a、b、c、d 的对象顺序 - 但假设我希望数组有自己的顺序，例如

var sortedArray = ['b','c','d','a'];

那么我怎么知道将这个sortedArray 实现到我的.sort 中？

预期结果：

var newObj = {
  b: "bee",
  c: "cee",
  d: "dee",
  a: "ay"
};

谢谢

Answer 1

这是一种非常奇怪的排序模式，但如你所愿，我创建了一个名为 CustomOrderBy 的函数，它将根据键数组进行排序。

类似这样的：

1. 您有一个数组，其中包含您想要从头到尾排序的键，就像您已经拥有的一样 (sortedArray)。然后将此数组传递给函数。

2. 该函数然后循环遍历 obj 键并获取它的第一个字母以检查它是否与键的 arra 匹配，获取其索引。根据索引进行排序。

3. 排序后，然后它创建一个新的obj，并按照它在之前使用的sort函数中创建的顺序设置键和值

请查看代码以更好地理解它。

var sortedArray = ['b', 'c', 'd', 'a'];

var obj = {
  c: "see",
  a: "ay",
  b: "bee",
  d: "dee"
};

function CustomOrderBy(keyOrder){
  let keysSorted = Object.keys(obj).sort(function(keyA, keyB) {
    let idxA = keyOrder.indexOf(keyA[0]);  
    let idxB = keyOrder.indexOf(keyB[0]);
    if (idxA > idxB){
      return 1
    }else if(idxA < idxB){
      return -1
    }else{
      return 0;
    }  
  });

  let sorted = {};
  for (var key of keysSorted){
    if (obj[key] != null){
      sorted[key] = obj[key];
    }
  }
  return sorted;
}
console.log(CustomOrderBy(sortedArray))

Answer 2

您可以将自定义排序函数传递给sort() API。请看下面的例子：

var items = [
  { name: 'Edward', value: 21 },
  { name: 'Sharpe', value: 37 },
  { name: 'And', value: 45 },
  { name: 'The', value: -12 },
  { name: 'Magnetic', value: 13 },
  { name: 'Zeros', value: 37 }
];
    
// sort by value
items.sort(function (a, b) {
  return a.value - b.value;
});

// sort by name
items.sort(function(a, b) {
  var nameA = a.name.toUpperCase(); // ignore upper and lowercase
  var nameB = b.name.toUpperCase(); // ignore upper and lowercase
  if (nameA < nameB) {
    return -1;
  }
  if (nameA > nameB) {
    return 1;
  }

  // names must be equal
  return 0;
});

console.log(items)

Answer 3

使用使用indexOf()的自定义排序器

var sortedArray = ['b', 'c', 'd', 'a'];

var obj = {
  c: "see",
  a: "ay",
  b: "bee",
  d: "dee"
};


var keys = Object.keys(obj).sort(function(a, b) {
  // TODO - cases where not in sortedArray
  return sortedArray.indexOf(a) - sortedArray.indexOf(b)
});


console.log(keys)

Answer 4

对不起，如果排序顺序和对象之间的关系是一对一的，为什么我们不做这样的事情（从排序顺序数组开始）：

var myObject = {c: "see", a: "ay", b: "bee", d: "dee"};
var sortOrder = ['b','c','d','a'];

const mySort = (obj, order) => order.reduce((r,c) => (r[c] = obj[c], r), {})

console.log(mySort(myObject, sortOrder))

由于只使用了一个reduce，它看起来会更加简洁和简单。

Answer 5

您可以像我在下面那样创建一个函数。并传递您的对象，它会将排序后的对象返回给您。

    var obj = {
        c: "see",
        a: "ay",
        b: "bee",
        d: "dee"
    };


    function sortObject(obj)
    {
        var keys = [];
        var outputObj = {};

        for (key in obj)
        {
            keys.push(key);
        }

        keys.sort();

        for(var i=0; i<keys.length; i++){
            outputObj[keys[i]] = obj[keys[i]];
        }

        return outputObj;
    }
    
    console.log(sortObject(obj));