js数组对象排序

366 阅读1分钟

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对象数组多字段排序 - 夏目的三三 - 博客园