js中对象的自定义排序
2024-10-12 08:31:51
//并返回一个可以用来对包含该成员的对象数组进行排序的比较函数
var compareAsc = function (prop) {
return function (obj1, obj2) {
var val1 = obj1[prop];
var val2 = obj2[prop];
if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
val1 = Number(val1);
val2 = Number(val2);
}
if (val1 < val2) {
return -1;
} else if (val1 > val2) {
return 1;
} else {
return 0;
}
}
}
var compareDesc = function (prop) {
return function (obj1, obj2) {
var val1 = obj1[prop];
var val2 = obj2[prop];
if (!isNaN(Number(val1)) && !isNaN(Number(val2))) {
val1 = Number(val1);
val2 = Number(val2);
}
if (val1 > val2) {
return -1;
} else if (val1 < val2) {
return 1;
} else {
return 0;
}
}
}
原始js中的排序不能满足：
arr.sort(sortNumber);
arr.sort(function (a, b) {
return b.name < a.name;
});
商城列表-积分由高到低由低到高排列：
$scope.up=true;
$scope.down = false;
$scope.upDown = function(i) {
$scope.up=!$scope.up;
$scope.down=!$scope.down
if($scope.up == true && $scope.down == false){
intData.sort(compareAsc("price"));
}else if($scope.up == false && $scope.down == true){
intData.sort(compareDesc("price"));
}
};
html：
<a class="col col-50" ng-click="upDown()">{{'jifen.sortUp' | i18next}} <i ng-class="{'ion-ios-arrow-thin-up':up,'ion-ios-arrow-thin-down':down }" class="icon "></i></a>
参考：http://www.jb51.net/article/67458.htm
最新文章
- ubuntu下安装与卸载qt的方法
- [ActionScript 3.0] AS3 实现XML转换成JSON
- POJ 3744 【矩阵快速幂优化 概率DP】
- PetaPOCO 一对多 多对一 多对多
- (4/18)重学Standford_iOS7开发_框架和带属性字符串_课程笔记
- POJ 1556 The Doors 线段判交+Dijkstra
- W3C 、HTML 、CSS 发展介绍
- 【原创】JQWidgets-TreeGrid 1、快速入门
- 图片文档倾斜矫正算法 附完整c代码
- mysql -- this is incompatible with sql_mode=only_full_group_by
- Java 猜字谜游戏
- springboot+shiro+redis(单机redis版)整合教程-续(添加动态角色权限控制)
- LINQ 常用from
- 如何在SAE搭建属于自己的黑盒xss安全测试平台
- Thinkphp5笔记一：项目部署
- PHP查找与搜索数组元素
- 团队作业4--第一项目冲刺3（Aplpha）
- 并查集：POJ No1703 Find them, Catch them
- 【leetcode 简单】 第七十二题 各位相加
- Linux常用命令（二）————压缩+解压