Home  >  Article  >  Web Front-end  >  扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:33:311485browse

看了一段时间关于js原型的知识,js的扩展方法是基于原型的,如Array.prototype.XXXX就是给Array扩展XXX方法,然后数组都能使用这个方法了。

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

复制代码 代码如下:

Array.prototype.OrderByAsc = function (func) {
var m = {};
for (var i = 0; i for (var k = 0; k if (func(this[i]) m = this[k];
this[k] = this[i];
this[i] = m;
}
}
}
return this;
}
Array.prototype.OrderByDesc = function (func) {
var m = {};
for (var i = 0; i for (var k = 0; 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 document.write(orderArr[i].name);
}

本人js菜鸟,如果有什么想法啥的,直接留言,相互交流一下
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn