javascript数组多字段排序

「爱情、让人受尽委屈。」 2022-05-16 11:47 446阅读 0赞

对于需要多字段排序的数组，我们可以借用javascript的原生数组api来完成，

### **这个api就是sort方法。** ###

### arr.sort(sortby) ###

这个方法的sortby参数可选，这个参数是一个回调方法。

参数：该方法有两个参数，这两个参数是当前比较的两个元素。

返回值：大于0时将两个值互换，否则不换。

所以，我们就可以这样来写：

function sortNumber(a,b)
    {
    return a - b
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    
    document.write(arr + "<br />")
    document.write(arr.sort(sortNumber))

当a - b > 0时，a和b交换，这个就是升序。

如果把 return a - b 写成 return b - a，这样就是降序。

有了这个基础之后，我们可以做多字段排序了。

先来一个两个字段的排序例子：

var jsonStudents = [
        {name:"Dawson", totalScore:"197", Chinese:"100",math:"97"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"97"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"10"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"80"},
        {name:"LiLei", totalScore:"185", Chinese:"88", math:"97"},
        {name:"XiaoMing", totalScore:"196", Chinese:"96",math:"100"},
        {name:"Jim", totalScore:"196", Chinese:"98",math:"98"},
        {name:"Joy", totalScore:"198", Chinese:"99",math:"99"}
    ];
        
    jsonStudents.sort(function(a,b){
        if(a.totalScore === b.totalScore){
            return b.Chinese - a.Chinese;
        }
        return b.totalScore - a.totalScore;
    });
    
    console.log(jsonStudents);

再来一个三个字段的例子：

var jsonStudents = [
        {name:"Dawson", totalScore:"197", Chinese:"100",math:"97"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"97"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"10"},
        {name:"HanMeiMei", totalScore:"196",Chinese:"99", math:"80"},
        {name:"LiLei", totalScore:"185", Chinese:"88", math:"97"},
        {name:"XiaoMing", totalScore:"196", Chinese:"96",math:"100"},
        {name:"Jim", totalScore:"196", Chinese:"98",math:"98"},
        {name:"Joy", totalScore:"198", Chinese:"99",math:"99"}
    ];
        
    jsonStudents.sort(function(a,b){
        if(a.totalScore === b.totalScore){
            if(b.Chinese === a.Chinese){
                return a.math - b.math;
            }
            return b.Chinese - a.Chinese;
        }
        return b.totalScore - a.totalScore;
    });
    
    console.log(jsonStudents);

收工。

发表评论取消回复

表情：

评论列表（有 0 条评论，446人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 数组、对象数组排序

阅读目录 1、对索引数组排序正序倒序 2、对关联数组排序 3、对象数组排序，对象里面的元素按照年纪排序 1、对索引数组

古城微笑少年丶/ 2023年10月06日 22:20/ 0 赞/ 30 阅读

相关 sql多条件多字段排序

语句：　　复制代码代码如下: 　　select \ from \[User\] order by \[Password\] desc,Id asc

「爱情、让人受尽委屈。」/ 2022年07月16日 10:09/ 0 赞/ 224 阅读

相关 JSON对象字符串数组多字段（多列）排序

JSON对象字符串数组，多字段（多列）排序今天看到我写的另一篇JSON对象数组排序的文章，突然想到了另一种，更简便，更快速的方法，排序结果跟原来的一样： func

曾经终败给现在/ 2022年06月03日 05:24/ 0 赞/ 191 阅读

相关 PHP多维数组指定多字段排序

介绍array\_multisort方法 array\_multisort — 对多个数组或多维数组进行排序.其php 手册中的说明如下： bool array

阳光穿透心脏的1/2处/ 2022年05月25日 09:18/ 0 赞/ 244 阅读

相关 javascript数组多字段排序

对于需要多字段排序的数组，我们可以借用javascript的原生数组api来完成，这个api就是sort方法。 arr.sort(sortby) 这个方法的so

「爱情、让人受尽委屈。」/ 2022年05月16日 11:47/ 0 赞/ 447 阅读

相关 Mybatis多字段排序

从前学习Spring开发的时候写过一个Web系统，后端采用Spring+SpringMVC+MyBatis,前端使用BootStrap和LigerUI，业务数据

谁践踏了优雅/ 2022年05月16日 06:09/ 0 赞/ 382 阅读

相关 mysql多字段排序

mysql单个字段降序排序： select from table order by id desc; mysql单个字段升序排序： select fr

忘是亡心i/ 2022年04月08日 11:43/ 0 赞/ 330 阅读

相关 mysql 多字段排序

1、排序关键字 ASC：升序； DESC：降序； 2、单字段排序单字段降序 SELECT FROM USER

﹏ヽ暗。殇╰゛Y/ 2022年04月02日 15:56/ 0 赞/ 470 阅读

相关 Hive 对array/数组字段排序

Hive 数组排序 SELECT memberid, collect_list(cast(airways as string)),

谁践踏了优雅/ 2021年09月25日 09:06/ 0 赞/ 1216 阅读

相关 JavaScript-数字数组排序

前言实现包含数组的有小到大的排序代码 let numberArr = [4, 88, 22, 54, 66] let sort = n

迈不过友情╰/ 2021年07月27日 01:18/ 0 赞/ 468 阅读