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


本文摘自PHP中文网,作者V,侵删。

以下讨论的是和数组 对象 排序 相关的通过js对数组和对象数组的排序的代码实例教程文章,内容是精心挑选整理的教程,希望对大家有所帮助,下面是详细内容:

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

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

推荐js相关视频教程:https://www.php.cn/course/list/17/type/2.html

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

1

2

var arr = [2,3,13,17,4,19,1];

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

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

1

2

3

4

5

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方法实现对象数组的排序

类似于数组中的用法

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

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教程。

网址:https://www.php.cn/

以上就是JS中对数组和对象数组的排序的代码详细实例操作的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

h5拖放api进行拖放排序

html5通过api实现拖放排序的实例教程

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

分享dom中的表单操作,节点操作

更多相关阅读请进入《排序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...