前端实用js技巧实例(排序)
function compareFunction (a, b) {
if (a < b) {
return -1; // a排在b的前面
} else if (a > b) {
return 1; // a排在b的后面
} else {
return 0; // a和b的位置保持不变
}
}
var arr = [1,5,10,22]; // 定义一个数组
arr.sort(compareFunction); // 将compareFunction函数作为参数传给 sort()
console.log(arr); // [1, 5, 10, 22]
sort函数内传参理解
如果指明了compareFunction,那么数组会按照调用该函数的返回值进行排序。比较函数compareFunction接收两个参数a和b,a和b是两个将要被比较的元素:
compareFunction(a,b)返回的值小于0:那么a就小于b,也就是说a排在了b的前面
compareFunction(a,b)返回的值大于0: 那么a就大于b,也就是说a排在了b的后面
compareFunction(a,b)返回的值等于0:那么a就等于b,也就是说a和b的位置保持不变
1.简单数值列表排序
let arr = [1,3,5,2,3,5,6,7,4]
// 简单数值排序sort
console.log(arr.sort((a,b)=>{
// 升序
return a - b
// 降序
// return b -a
}))
2.数据内对象属性排序(sort)
// 定义一个人物列表 要求(按照人物姓名/年龄/生日排序--升序或者降序)
let personList = [
{"name":"zhangsan","age":20,"birthday":'2020-01-02'},
{"name":'lisi',"age":22,"birthday":'2020-01-03'},
{"name":'wangermazi',"age":18,"birthday":'2020-02-02'},
{"name":'xiaotaoqi',"age":26,"birthday":'1999-02-02'},
]
function orderByProperty(property,desc){
// 降序
if(desc){
return function(a,b){
return (a[property] > b[property]) ? -1 : (a[property] < b[property]) ? 1 : 0
}
}
// 升序
return function(a,b){
return (a[property] < b[property]) ? -1 : (a[property] > b[property]) ? 1 : 0
}
}
console.log(personList.sort(orderByProperty('name',true))); // 按object中的name的降序排列
结果
可根据列表具体属性实现具体的排序
详情链接
链接: https://www.jianshu.com/p/ed324e2db02b.
不记录、记不住