想和月亮私奔

10-26 16:21 阅读: 78 点赞: 1 评论: 0

JS 解决sort字母排序的问题

前言

前些天写bug的时候,需要对数组按字母进行排序,就想到了 sort ,没想到还给了我个惊(jing)喜(xia)

还原事故现场

数组:[{letter: 'a'}, {letter: 'c'}, {letter: 'b'}, {letter: 'd'}]

需要按数组元素的 letter 属性来排序,吓得我赶紧掏出了我的24K合金键盘来,三下五除二的写出了 sort 排序:

let arr = [{letter: 'a'}, {letter: 'c'}, {letter: 'b'}, {letter: 'd'}]
arr.sort((a, b) => a.letter - b.letter)
// 运行: [{letter: 'a'}, {letter: 'c'}, {letter: 'b'}, {letter: 'd'}]

一运行发现,啥变化也没有。

后来查了下,找到了正解

sort 默认是根据每个元素的 ASCII 码进行排序,排序的核心是对比两个元素的大小,直接对比数字是可以的,那么如果元素是字符串或对象呢?这时候去对比它们数字上的大小是没有意义的

对比规则如下:

  • 如果 a - b 是负数,也就是 a < b , 那么 a 在前面,返回 -1。
  • 如果 a - b 是正数,也就是 a > b , 那么 b 在前面,返回 1
  • 如果两个相等,那就啥也不干,返回 0

既然找到了问题所在,那就开始 improve 吧

let arr= [{letter: 'a'}, {letter: 'c'}, {letter: 'b'}, {letter: 'd'}]
arr.sort((a, b) => {
  if (a.letter < b.letter) {
    return -1
  }

  if (a.letter > b.letter) {
    return 1
  }

  return 0
})
// 运行:[{letter: 'a'}, {letter: 'b'}, {letter: 'c'}, {letter: 'd'}]

问题是解决了,不过这代码看起来好low的样子,那咱就换个写法吧~

arr.sort((a, b) => a.letter < b.letter ? -1 : a.letter > b.letter ? 1 : 0);
// 运行:[{letter: 'a'}, {letter: 'b'}, {letter: 'c'}, {letter: 'd'}]

完美~

点我查看更多文章

热点文章