建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

JS中对数组和对象数组的排序的代码详细实例操作

时间:2019-08-28 11:18来源:PHP中文网 作者:猪哥 点击:
以下讨论的是和数组 对象 排序 相关的通过js对数组和对象数组的排序的代码实例教程教程文章,内容是本站精心挑选整理的教程,希望对广大的网友给到帮助
以下讨论的是和数组 对象 排序 相关的通过js对数组和对象数组的排序的代码实例教程文章,内容是精心挑选整理的教程,希望对大家有所帮助,下面是详细内容:

通过js对数组和对象数组的排序的代码实例教程

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

推荐js相关视频教程:javascript:;

一、js中sort方法实现数组排序

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

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

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

二、js的sort方法实现对象数组的排序

类似于数组中的用法

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},

不足之处还望指出,不胜感激!

更多js相关问题请访问PHP中文网,里面有丰富的js教程。

网址:javascript:;

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片