扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路_javascript技巧
程序员文章站
2022-04-23 13:35:55
...
看了一段时间关于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菜鸟,如果有什么想法啥的,直接留言,相互交流一下
在对象数组里面经常有根据属性来进行排序的,升序,降序的,于是自己就想写一个类似于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菜鸟,如果有什么想法啥的,直接留言,相互交流一下
上一篇: jquery聚焦文本框与扩展文本框聚焦方法_jquery
下一篇: 如何清除浏览器缓存
推荐阅读
-
js实现prototype扩展的方法(字符串,日期,数组扩展)_javascript技巧
-
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路_javascript技巧
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧
-
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路_javascript技巧
-
js一维数组、多维数组和对象的混合使用方法_javascript技巧
-
js实现prototype扩展的方法(字符串,日期,数组扩展)_javascript技巧
-
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法_javascript技巧
-
js一维数组、多维数组和对象的混合使用方法_javascript技巧
-
JS面向对象(3)之Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法_javascript技巧