sort()排序以及多个属性数组对象排序（按条件排序）
2024-10-21 03:33:44
原生排序
let arr = [5,2,1,4,9,8]
for(let i = 0 ; i < arr.length ; i ++) {
for(let j = 0 ; j < arr.length -1 ; j ++) {
if(arr[j] > arr[j+1]){
let num = arr[j]
arr[j] = arr[j+1]
arr[j+1] = num
comeout.innerText = arr
}
}
// 结果 1,2,4,5,8,9
ES6排序
sort() 方法是最强大的数组方法之一。
默认排序顺序为按字母升序。
使用数字排序，你必须通过一个函数作为参数来调用。
比较函数两个参数a和b，a-b 升序，返回b-a 降序
注意： 这种方法会改变原始数组！
// 升序
arr.sort(function(a,b){
return a - b
})
console.log(arr)
// 结果 1,2,4,5,8,9
// 降序
arr.sort(function(a,b){
return b - a
})
console.log(arr)
// 结果 9,8,5,4,2,1
根据数组中的某个属性排序
let arr_choice = [{id:1},{id:3},{id:2},{id:8},{id:6},{id:4}]
// 升序
arr_choice.sort(function(a,b){
return b.id - a.id
})
console.log(arr_choice)
// 结果：[{"id":1},{"id":2},{"id":3},{"id":4},{"id":6},{"id":8}]
// 降序
arr_choice.sort(function(a,b){
return b.id - a.id
})
console.log(arr_choice)
// 结果：[{"id":8},{"id":6},{"id":4},{"id":3},{"id":2},{"id":1}]
根据多个属性排序
let arr_multi = [{id:1,age:10},{id:3,age:5},{id:2,age:6},{id:8,age:8},{id:6,age:5},{id:4,age:5}]
// 升序
arr_multi.sort(function(a,b){
// 默认根据年龄排序，年龄相同则按照id排序
if(a.age==b.age){
return a.id - b.id
}
return a.age - b.age
})
console.log(arr_multi)
// 结果：[{"id":3,"age":5},{"id":4,"age":5},{"id":6,"age":5},{"id":2,"age":6},{"id":8,"age":8},{"id":1,"age":10}]
// 降序
arr_multi.sort(function(a,b){
// 默认根据年龄排序，相同则按照id排序
if(a.age==b.age){
return b.id - a.id
}
return b.age - a.age
})
console.log(arr_multi)
// 结果：[{"id":1,"age":10},{"id":8,"age":8},{"id":2,"age":6},{"id":6,"age":5},{"id":4,"age":5},{"id":3,"age":5}]
最新文章
- JSCH通过密钥文件进行远程访问
- iOS计算完整文字高度(适应iOS 10)
- python---dnspython
- 【leetcode】Subsets II (middle) ☆
- iOS NSString 和NSData 转换
- php中magic_quotes_gpc对unserialize的影响
- 5个经典的JavaScript面试基础问题
- Android实例-消息框(XE8+小米2)
- UVA 1351 - String Compression
- Asp.net MVC Web.config配置技巧
- 重拾CSS基础—开篇
- C#实现时间戳转化
- Linux下yum订购具体解释
- 获取radio的值
- CDN（转载）
- LaTeX初识 新手入门 Texlive和Texmaker学习
- idea中去除重复代码提示的灰色波浪线
- celery 和 haystack
- event、fly.js、购物车特效
- Android单元测试之四：仪器化测试