我们如何用双重条件对 js 对象进行排序

Question

我们如何对这些对象进行从上到下的排序，同时从左到右的排序？{value: "upperRight"} {value: "upperLeft"} {value: "bottomRight"} {value: "bottomCenter"} {value: "bottomLeft"}

Answer 1

• split每个valueat/(?=[A-Z])/以获得其垂直和水平位置。这将创建一个像这样的数组：["upper", "Right"]

• 解构数组，将它们变成 2 个独立的变量

• 创建 2 个优先对象。一个用于映射垂直位置的顺序，另一个用于映射水平位置的顺序

• 首先sort根据vertical优先级。如果它们具有相同的优先级，vertical[a1] - vertical[b1]将返回 0。因此，||将根据horizontal部分对它们进行排序

const array=[{value:"upperRight"},{value:"upperLeft"},{value:"bottomRight"},{value:"bottomCenter"},{value:"bottomLeft"}];

const vertical = {

  "upper": 1,

  "bottom": 2

}

const horizontal = {

  "Left": 1,

  "Center": 2,

  "Right": 3

}

array.sort((a,b) => {

  const [a1, a2] = a.value.split(/(?=[A-Z])/)

  const [b1, b2] = b.value.split(/(?=[A-Z])/)

  

  return vertical[a1] - vertical[b1] || horizontal[a2] - horizontal[b2]

})

console.log(array)

如果split操作成本较高，您可以添加一个map操作来预先获取所有拆分值并对它们进行排序。

Answer 2

Array.prototype.sort() 允许您指定比较函数。只需设置一些关于如何对弦乐进行评分的基本规则即可。例如：

• “上”值10分

• “底部”得0分

• “左”得2分

• “中心”得1分

• “正确”得0分。

在比较函数中将两个分数相减，并将结果用作返回值。

var objects = [

  { value: 'upperRight' },

  { value: 'upperLeft' },

  { value: 'bottomRight' },

  { value: 'bottomCenter' },

  { value: 'bottomLeft' }

];

function scoreString(s) {

  var score = 0;

  if (s.indexOf('upper') > -1) score += 20;

  if (s.indexOf('Left') > -1) score += 2;

  else if (s.indexOf('Center') > -1) score += 1;

  return score;

}

var sorted = objects.sort(function (a, b) {

  return scoreString(b.value) - scoreString(a.value);

});

console.log(sorted);