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'}]

完美~

点我查看更多文章