javascript工作实例技巧记录

前端实用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.
不记录、记不住