js中的sort排序函数使用注意事项

最新推荐文章于 2025-05-15 01:58:19 发布

jaggerguo0

最新推荐文章于 2025-05-15 01:58:19 发布

阅读量3.7k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html + css + js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/jagger_guo/article/details/105618501

html + css + js 专栏收录该内容

6 篇文章

订阅专栏

本文深入讲解JavaScript中数组排序的方法，包括默认升序排序，自定义排序函数，以及对象数组按属性排序的技巧。通过不同场景的示例，帮助读者掌握排序函数的灵活应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 默认升序

适用范围：数值字符串

let arr = [5, 4, 3, 2, 1];
// 默认升序
arr.sort();

2.普通数组自定义排序

cmp函数返回值大于0会进行交换位置排序

cmp函数使用方式：

arr.sort(cmp);

cmp函数1：

适用范围：数值字符串

// 1.升序
function cmp(a, b) {
    if (a <= b) {
        return -1;  //不交换位置
    } else {
        return 1;  //交换位置
    }
}
// 2.降序
function cmp(a, b) {
    if (a < b) {
        return 1;  //不交换位置
    } else {
        return -1;  //交换位置
    }
}

cmp函数2：

适用范围：数值

// 1.升序
function cmp(a, b) {
    return a - b;
}
// 2.降序
function cmp(a, b) {
    return a - b;
}

3. 对象数组按某属性排序

cmp函数使用方式：

arr.sort(cmp(props));

cmp函数1：

适用范围：对象的属性值为数字、字符串

// 1.升序
function cmp(props) {
    return (obj1, obj2) => {
        if (obj1[props] < obj2[props]) {
            return -1;
        } else {
            return 1;
        }
    }
}

// 2.降序
function cmp(props) {
    return (obj1, obj2) => {
        if (obj1[props] < obj2[props]) {
            return 1;
        } else {
            return -1;
        }
    }
}

cmp函数2：

适用范围：对象的属性值为数字

function cmp(props) {
    return (obj1, obj2) => {
        return obj1[props] - obj2[props];
    }
}
// 2.降序
function cmp(props) {
    return (obj1, obj2) => {
        return obj2[props] - obj1[props];
    }
}