JavaScript扩展Array原型实现OrderByAsc与OrderByDesc排序方法

JavaScript原型扩展排序方法实现

了解JavaScript原型知识后，可知JS的扩展方法依赖于原型机制。例如，通过Array.prototype.XXXX可以为Array对象添加XXX方法，使得所有数组实例均可调用该方法。

在处理对象数组时，常需根据特定属性进行升序或降序排序。受C#中OrderBy方法的启发，尝试实现类似的JS排序功能，具体代码实现如下。

 
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水平有限，如有其他见解或建议，欢迎留言交流。