js中对象数组按对象属性排序

数组对象要按属性大小排序怎么办?

数组对象属性排序

var arr = [{
            data: 21,
            weather:'晴'
        }, {
            data: 111,
            weather:'小雨'
        }, {
            data: 32,
            weather:'大雨'
        }, {
            data: 2,
            weather:'小雨'
        }, {
            data: 2,
            weather:'阴'
        }, {
            data: 212,
            weather:'雪'
        }]

我们要如何实现数组中的对象按data大小排序?

sort方法

这里使用JavaScript sort() 方法,首先解释下这个sort的方法

定义和用法

sort() 方法用于对数组的元素进行排序。

语法
arrayObject.sort(sortby)
返回值

对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

说明

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

实战

下面开始使用sort(sortby) 来进行这个排序,并打印到控制台:

function sortData(a, b) {
            return b.data - a.data
        }
        arr.sort(sortData);
        console.log(arr);

输出结果:


输出结果

tip:如果想要从小到大的顺序可以把方法中a和b的位置互换一下。

function sortData(a, b) {
            return a.data - b.data
        }

推荐阅读更多精彩内容