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);

  }

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved