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
        }