JS 对数组对象进行排序

对Number类型的数组排序是很简单的，对数组元素为对象的数组进行排序也很简单，可以写一个下面的公共方法

/** 两个参数： 参数1 是排序用的字段， 参数2 是：是否升序排序 true 为升序，false为降序*/
function compare (attr,rev) {// console.log(attr, rev)if(rev ==  undefined){rev = 1;}else{rev = (rev) ? 1 : -1;}return (a,b) => {a = a[attr];b = b[attr];if(a < b){return rev * -1;}if(a > b){return rev * 1;}return 0;}},

在代码中使用如下：

let list = [{id: 1, name: '章三'},{id: 10, name: 'wangwu'},{id: 2, name: 'list'}
]
// 用id 字段做升序排序
let d = list.sort(compare('id', true))
console.log(d) // [{id: 1, name: '章三'}, {id: 2, name: 'list'}, {id: 10, name: 'wangwu'}]

这样就可以对任意一个数组对象的任意一个字段进行排序啦

为什么没有使用更简单的写法。

data.sort((a,b)=>{ return a.date-b.date}

因为在项目中得到了这样一组数据，按照要求应该用这个数据的date属性排序。但是简单写法中，排序后，诡异的不成立。

let data = [{"date":"2022-07-09","prob":"78.32"},{"date":"2022-07-08","prob":"86.70",},{"date":"2022-07-07","prob":"78.56"},{"date":"2022-07-06","prob":"90.04"},{"date":"2022-07-05","prob":"91.09"},{"date":"2022-07-04","prob":"99.03"},{"date":"2022-07-03","prob":"99.20"},{"date":"2022-07-02","prob":"98.37"},{"date":"2022-07-01","prob":"98.05"},{"date":"2022-06-30","prob":"99.67"},{"date":"2022-06-29","prob":"90.11"},{"date":"2022-06-28","prob":"96.11"},{"date":"2022-07-10","prob":"",},{"date":"2022-07-11","prob":"",},{"date":"2022-07-12","prob":"",}]

用简单的

console.log(data.sort((a,b)=>{ return a.date-b.date})

可以看到数组并没有按照我想要的从6月28日——7月11日进行排序。

用封装的复杂一些的方法排序：

console.log(data.sort(Tools.compare('date', true)), '复杂的写法')

可以看到打印结果，按照想要的结果进行了排序。

JS 对数组对象进行排序相关推荐

js中数组反向、排序reverse、sort
全栈工程师开发手册 (作者:栾鹏) js系列教程1-数组操作全解 js中数组反向.排序数组反向使用reverse函数,数组排序使用sort函数,排序函数可以传入比较函数,也可以修改数组圆形,自定义添 ...
js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> {var hash = {};for(let i=0;i<arr.length;i++){if (!hash[ar ...
Python学习 Day31 JS类数组对象
JS类数组对象一.三元运算符概述:三元运算符由三部分组成,使用语法如下: A ? B : C 三元运算符A:它需要的是一个布尔值(其他类型数值也可以,但是需要隐式转换为布尔值) 如果A部分为布尔值 ...
js给数组添加数据的方式/js 向数组对象中添加属性和属性值
参考:https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种: 直接利用数组下标赋值来增加(数组的下标起始值是0) 例,先存在一个 ...
动态js创建数组对象
动态js创建数组对象 var items = []; for (var i = 0; i < 10; i++) { items.push({ id: i, level: i + '级' }) }
js前端数组对象键大写下划线转驼峰
js前端数组对象键大写下划线转驼峰我是分为两步去进行转的第一步,先将对象的键从大写转换为小写第二步,再将下划线转为驼峰格式 1.大写转小写代码参考如下 upLowercase(inputObj) ...
javaScript中使用sort方法给数组和数组对象进行排序（比值函数排序）
//定义一个地址数组 var arr=['orange','apple','banana','litchi']; console.log(arr.sort()); 如果不给sort方法传递参数的话,输 ...
Array数组对象sort排序方法
数组sort排序方法 Array数组对象中的sort方法是根据数组中数组元素的字符编码进行排序的,所以对数字的排序,会跟想要的升序结果不一样通过设置sort()方法的参数可以按照自定义的排序方式对数 ...
js实现数组对象去重
数组对象去重,可直接复用 /***数组对象去重** @param {Array} arr 去重数组* @param {String} key 唯一标识*/ deduplication(arr, key ...

JS 对数组对象进行排序

JS 对数组对象进行排序相关推荐

最新文章

热门文章