资讯专栏INFORMATION COLUMN

JS -- sort()方法实现对象数组的排序

neroneroffy / 3599人阅读

摘要:方法会改变原数组,默认按码顺序排列我们通常遇到的都是数组排序,对于对象数组当然也是可以的,方法如下对象数组排序可以选择它的某一属性进行比较小明小红小刚小华这是比较函数升序结果如下小红小明小华小刚数组排序不使用比较函数会出现下面这种情况,这

sort()方法会改变原数组,默认按unicode码顺序排列

我们通常遇到的都是数组排序,对于对象数组当然也是可以的,方法如下:

对象数组排序

可以选择它的某一属性进行比较

var arr = [
            { name:"小明", age:12 },
            { name:"小红", age:11 },
            { name:"小刚", age:15 },
            { name:"小华", age:13 }
        ];
        
function compare(p){ //这是比较函数
    return function(m,n){
        var a = m[p];
        var b = n[p];
        return a - b; //升序
    }
}
arr.sort(compare("age"));
console.log(arr); 
//结果如下: 
//[{name: "小红", age: 11}, 
//{name: "小明", age: 12},
//{name: "小华", age: 13}, 
//{name: "小刚", age: 15}]
数组排序

不使用比较函数会出现下面这种情况,这并不是我们需要的结果

var arr = [2,3,13,17,4,19,1];
arr.sort() // 结果:[1, 13, 17, 19, 2, 3, 4]

若想对数组按照大小进行排序,则需要在sort()方法中添加比较函数

var arr = [2,3,13,17,4,19,1];
arr.sort(function(a,b){ // 这是比较函数
    return b - a;    // 降序
})
console.log(arr) // 结果:[19, 17, 13, 4, 3, 2, 1]

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96834.html

相关文章

  • Js数组排序函数sort()介绍

    摘要:原文数组排序函数介绍实现多维数组对象数组排序,其实用的就是原生的方法,用于对数组的元素进行排序。比较函数应该具有两个参数和,其返回值如下若小于,在排序后的数组中应该出现在之前,则返回一个小于的值。 原文:Js数组排序函数sort()介绍 JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。sort() 方法用于对数组的元素进行排...

    ivydom 评论0 收藏0
  • 【重温基础】21.高阶函数

    摘要:欢迎您的支持系列目录复习资料资料整理个人整理重温基础篇重温基础对象介绍重温基础对象介绍重温基础介绍重温基础相等性判断重温基础闭包重温基础事件本章节复习的是中的高阶函数,可以提高我们的开发效率。 本文是 重温基础 系列文章的第二十一篇。 今日感受:想家。 本人自己整理的【Cute-JavaScript】资料,包含:【ES6/ES7/ES8/ES9】,【JavaScript基础...

    wua_wua2012 评论0 收藏0
  • 案例学习总结:原生JS实现表格排序

    摘要:最近在学习的表格排序,没想到看不起眼的表格排序实际上却暗含了众多知识点。二实现表格排序使用获取数据之所以使用动态获取数据,是为了使用文档碎片绑定数据。 最近在学习js的表格排序,没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。 完整的表格排序涉及了下列这些知识点: call方法使用 sort方法深入 数据绑定 DOM映射 下面...

    ShevaKuilin 评论0 收藏0
  • 案例学习总结:原生JS实现表格排序

    摘要:最近在学习的表格排序,没想到看不起眼的表格排序实际上却暗含了众多知识点。二实现表格排序使用获取数据之所以使用动态获取数据,是为了使用文档碎片绑定数据。 最近在学习js的表格排序,没想到看不起眼的表格排序实际上却暗含了众多JS知识点。在这里记录一下此次学习过程。希望对大家也有所帮助。 完整的表格排序涉及了下列这些知识点: call方法使用 sort方法深入 数据绑定 DOM映射 下面...

    lauren_liuling 评论0 收藏0
  • jssort总结

    摘要:字母排序默认排序运行结果数字排序中参数可以是方法函数,可以升序和降序输出结果。数字排序升序,降序运行结果注意其中都是表示这个数组里面的元素,如果是则表示升序,如果是则表示降序。以上属于个人总结,如果后期有什么补充会再次发布 数据排序这块应该是每个程序员都会遇到的,而这篇文章主要是介绍js中sort排序如何使用得当,既然有现成的封装的方法就用现成的,自己稍加修改就能完成,不需要再重新自己...

    stdying 评论0 收藏0

发表评论

0条评论

neroneroffy

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<