DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 擴展js對象數組的OrderByAsc和OrderByDesc方法實現思路
擴展js對象數組的OrderByAsc和OrderByDesc方法實現思路
編輯:關於JavaScript     
看了一段時間關於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菜鳥,如果有什麼想法啥的,直接留言,相互交流一下
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved