扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路

 更新时间:2013年05月17日 18:03:46   作者:  
js的扩展方法是基于原型的,如Array.prototype.XXXX就是给Array扩展XXX方法,然后数组都能使用这个方法了,在对象数组里面经常有根据属性来进行排序的,升序,降序的,下面与大家分享自己写的一个
看了一段时间关于js原型的知识,js的扩展方法是基于原型的,如Array.prototype.XXXX就是给Array扩展XXX方法,然后数组都能使用这个方法了。

在对象数组里面经常有根据属性来进行排序的,升序,降序的,于是自己就想写一个类似于C#里面的orderBy的方法,代码如下:
复制代码 代码如下:

Array.prototype.OrderByAsc = function (func) {
var m = {};
for (var i = 0; i < this.length; i++) {
for (var k = 0; k < this.length; k++) {
if (func(this[i]) < func(this[k])) {
m = this[k];
this[k] = this[i];
this[i] = m;
}
}
}
return this;
}
Array.prototype.OrderByDesc = function (func) {
var m = {};
for (var i = 0; i < this.length; i++) {
for (var k = 0; k < this.length; k++) {
if (func(this[i]) > func(this[k])) {
m = this[k];
this[k] = this[i];
this[i] = m;
}
}
}
return this;
}

调用的方法如下:
复制代码 代码如下:

var arr = [{ name: 'aaa', grade: 20 }, { name: 'ccc', grade: 30 }, { name: 'bbb', grade: 40 }];
var orderArr = arr.OrderByDesc(function (a) {
return a.grade;
});

然后输出一下,看一下结果吧:
复制代码 代码如下:

for (var i = 0; i < orderArr.length; i++) {
document.write(orderArr[i].name);
}

本人js菜鸟,如果有什么想法啥的,直接留言,相互交流一下

相关文章

  • javascript数组去重3种方法的性能测试与比较

    javascript数组去重3种方法的性能测试与比较

    面试题中有一题数组去重,首先想到的是对象存键值的方法可是遇到不同类型又能转换成同样的字符串的就完了接下来为大家介绍下双重循环/存键值和类型实现去重,感兴趣的各位可以参考下哈
    2013-03-03
  • 微信小程序全局变量改变监听的实现方法

    微信小程序全局变量改变监听的实现方法

    这篇文章主要给大家介绍了关于微信小程序全局变量改变监听的实现方法,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • 小程序实现计时器功能

    小程序实现计时器功能

    这篇文章主要为大家详细介绍了小程序实现计时器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • Javascript从数组中随机取出不同元素的两种方法

    Javascript从数组中随机取出不同元素的两种方法

    这篇文章给大家分享了两种Javascript从数组中随机取出不同元素的方法,大家可以都学习学习,这样更能有助于大家的学习和理解,下面来一起看看吧
    2016-09-09
  • js倒计时抢购实例

    js倒计时抢购实例

    这篇文章主要介绍了js倒计时简单实现方法,方便一些提示重要日期的来临,本实例特别适合用于商品倒计时抢购活动,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • Bootstrap媒体对象学习使用

    Bootstrap媒体对象学习使用

    这篇文章主要为大家详细介绍了Bootstrap媒体对象的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript中0和

    JavaScript中0和""比较引发的问题

    这篇文章主要介绍了JavaScript中0和""比较引发的问题,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-05-05
  • 点评js异步加载的4种方式

    点评js异步加载的4种方式

    这篇文章主要介绍了点评js异步加载的4种方式,帮助大家更全面的了解js异步加载方式,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • js实现简单放大镜特效

    js实现简单放大镜特效

    这篇文章主要为大家详细介绍了js实现简单放大镜特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 详解JavaScript闭包的优缺点和作用

    详解JavaScript闭包的优缺点和作用

    闭包是指在 JavaScript 中,内部函数可以访问其外部函数作用域中的变量,即使外部函数已经执行完毕,这种特性被称为闭包,本文将给大家介绍一下JavaScript闭包的优缺点和作用,需要的朋友可以参考下
    2023-09-09

最新评论