JS sort方法基于数组对象属性值排序
更新时间：2020年07月10日 08:55:12 作者：yuwenjing
这篇文章主要介绍了JS sort方法基于数组对象属性值排序,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
sort方法接收一个函数作为参数，这里嵌套一层函数用来接收对象属性名，其他部分代码与正常使用sort方法相同.
var arr = [
{name:'zopp',age:0},
{name:'gpp',age:18},
{name:'yjj',age:8}
];
function compare(property){
return function(a,b){
var value1 = a[property];
var value2 = b[property];
return value1 - value2;
}
}
console.log(arr.sort(compare('age')))
如何根据参数不同，来确定是升序排列，还是降序排序呢？
/**数组根据数组对象中的某个属性值进行排序的方法
* 使用例子：newArray.sort(sortBy('number',false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序
* @param attr 排序的属性 如number属性
* @param rev true表示升序排列，false降序排序
* */
sortBy: function(attr,rev){
//第二个参数没有传递 默认升序排列
if(rev == undefined){
rev = 1;
}else{
rev = (rev) ? 1 : -1;
}
return function(a,b){
a = a[attr];
b = b[attr];
if(a < b){
return rev * -1;
}
if(a > b){
return rev * 1;
}
return 0;
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
这篇文章主要介绍了微信小程序MUI导航栏透明渐变功能,结合实例形式分析了通过改变rgba的a值实现透明度渐变功能的相关操作技巧,需要的朋友可以参考下2019-01-01
一文带你搞懂JS中导入模块import和require的区别
JavaScript中，模块是一种可重用的代码块，它将一些代码打包成一个单独的单元，并且可以在其他代码中进行导入和使用。JavaScript中有两种常用的方式：使用import和require，本文主要聊聊他们二者的区别2023-03-03
在微信小程序开发中,数据操作是不可或缺的一环,文章详细介绍了数据绑定、更新等方法,并提供示例和注意事项,帮助开发者更好地应用这些技术,本文给大家介绍微信小程序数据操作指南之从绑定到更新,感兴趣的朋友跟随小编一起看看吧2024-10-10
在平时的前端开发中,常常会遇到数组去重的场景,比如表单校验重复的数据,有重复数据不让提交,或者对后端返回的数据进行去重展示等,同时它也是一道经典的前端JavaScript基础面试题,本期一起来带大家看看去重的各种花样方法,需要的朋友可以参考下2024-12-12
下面小编就为大家分享一篇纯js代码生成可搜索选择下拉列表的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家详细介绍了JavaScript实现跟随滚动缓冲运动广告框，页面左右两边跟随式广告框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
类似QQ新闻的提示框要求页面每隔半小时弹出一次提示消息，下面有个不错的实现方法，感兴趣的朋友可以参考下2013-11-11
这篇文章主要为大家详细介绍了原生js实现自定义消息提示框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了JavaScript字符串的长度问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
BootStrap使用popover插件实现鼠标经过显示并保持显示框
这篇文章主要介绍了BootStrap使用popover插件实现鼠标经过显示并保持显示框的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
最新评论