js数组对象排序

sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的 UTF-16 代码单元值序列时构建的 – 摘选自MDN

无条件的情况下升序和降序

var person = [
  { name: "zs", age: 18 },
  { name: "ll", age: 20 },
  { name: "ww", age: 15 },
  { name: "zl", age: 8 }
]
let up = person.sort((a, b) => { return a.age - b.age })//升序
console.log('up', up);
let down = person.sort((a, b) => { return b.age - a.age })//降序
console.log('down', down);

sort()方法排序的规则主要是根据传入函数的返回值是否大于0进行排序

1）当 a - b < 0 时， 则 a 元素排在 b 元素的前面。
2）当 a - b = 0 时， a , b 元素的位置不变。
3）当 a - b > 0 是， 则 a 元素排在 b 元素的后面。

以上是针对单纯的整数数组，但是需求往往肯定不会是这么简单。所以如果当数组的元素为对象时，则可能需要根据对象的属性进行排序，此时就会涉及到多条件排序。

多条件下的排序

先看下面这段代码

let arr = [{ "ranking": 1, "score": 100 }, { "ranking": 2, "score": 98 }, { "ranking": 5, "score": 60 }, { "ranking": 4, "score": 78 }, { "ranking": 3, "score": 89 }]
// 排序
function cardsSortRule(a, b) {
  // 正序
  if (a.ranking !== b.ranking) {
    // 按照排名升序
    return a.ranking - b.ranking
  } else if (a.numberField_kkvyvg87 !== b.numberField_kkvyvg87) {
    // 按照分数降序
    return b.score - a.score
  } else {
    return
  }
}
arr.sort(cardsSortRule)
console.log("排序后的数据：", arr)

最终的返回结果是：

[
  { ranking: 1, score: 100 },
  { ranking: 2, score: 98 },
  { ranking: 3, score: 89 },
  { ranking: 4, score: 78 },
  { ranking: 5, score: 60 }
]

参考链接：

js对象数组多字段排序 - 夏目的三三 - 博客园

个人博客已上线，欢迎来访~
传送门：夜雨炊烟