JavaScript深入理解sort()方法

一. 基本用法

let arr1 = [3, 5, 7, 1, 8, 7, 10, 20, 19]
console.log(arr1.sort())
// [1, 10, 19, 20, 3, 5, 7, 7, 8]

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

其实,在使用sort()进行排序的时候会调用toString()函数将其值转换成字符串在进行比较,是按ASCII进行比较的。

于是,在比较数字时会转换成字符串再比较,结果就会不准确。

二. 改进用法

let arr1 = [3, 5, 7, 1, 8, 7, 10, 20, 19]
console.log(arr1.sort(function (a, b) {
    if (a < b) {
        return -1
    }
    if (a > b) {
        return 1
    }
    return 0
}))
// [1, 3, 5, 7, 7, 8, 10, 19, 20]
console.log(arr1.sort(function (a, b) {
    return a - b
}))
// [1, 3, 5, 7, 7, 8, 10, 19, 20]

sort()同时也是一个高阶函数,里面可以放一个比较函数:arr.sort(compareFunction)

arr.sort(function (a, b) {
    return ?
})
  • 若compareFunction返回值小于0,a排在b前面,即a与b的位置不变。
  • 若compareFunction返回值等于0,a与b的位置不变。
  • 若compareFunction返回值大于0,a排在b的后面,即a与b的位置交换。

即若返回值大于0的时候交换a与b的位置,其他情况位置不变。

  • 升序:return a – b
  • 降序:return b – a
// 降序示例
let arr1 = [3, 5, 7, 1, 8, 7, 10, 20, 19]
console.log(arr1.sort(function (a, b) {
    return b - a
}))
// [20, 19, 10, 8, 7, 7, 5, 3, 1]
console.log(arr1.sort((a, b) => {
    return b - a
}))
// [20, 19, 10, 8, 7, 7, 5, 3, 1]

三. 比较数组中的对象

let arr2 = [
    {
        name: 'mazey0',
        value: 3
    },
    {
        name: 'mazey1',
        value: 5
    },
    {
        name: 'mazey2',
        value: 7
    },
    {
        name: 'mazey3',
        value: 1
    },
    {
        name: 'mazey4',
        value: 10
    },
    {
        name: 'mazey5',
        value: 7
    }
]
// 升序
let arr3 = arr2.sort((a, b) => {
    return a.value - b.value
})
arr3.forEach((value, index, arr) => {
    console.log(value.value)
})
// 1 3 5 7 7 10

发表评论

电子邮件地址不会被公开。 必填项已用*标注