JavaScript对象数组排序算法
来源:互联网 发布:专业嵌入式软件开发 编辑:程序博客网 时间:2024/05/21 01:44
在做View层对象数据绑定时,比如一个展示商品信息的列表,我们可以选择使用既有的js框架/库来实现,比如:AngularJS, jQuery等。
也可以自己用原生js写一套,比如:js通过Ajax请求获取服务器端传回的一个产品信息数组, 要求在view层能够展示,并能按某一产品参数进行排序
Ajax请求返回产品对象数组代码:
var products = [{name: 'Bread-Z1021', price:7}, {name: 'Bread-Z2031', price:17}, {name: 'Bread-Z3041', price:12}]
排序算法思路: 利用Array既有的sort()方法进行排序,但是sort()方法会调用每个对象的toString()方法确定他们的次序,这不符合我们所希望的按产品某一参数(name或price)进行排序的需求,所以想到的是为sort()方法传入一个排序函数,这个函数可以按照我们指定的属性来排序,下面是个例子
function comparisonFunction(propertyName){ return function(obj1, obj2){ var val1 = obj1[propertyName]; var val2 = obj2[propertyName]; if (val1 < val2){ return -1; } else if (val1 > val2) { return 1; } else { return 0; } };}
这个函数定义无非是在一个函数中嵌套了另一个函数,而且内部函数前面加了一个return操作符。在内部函数接收到propertyName参数后,它会使用方括号表示法来取得给定属性的值,然后在对属性值作比较。
调用示例:
products.sort(comparisonFunction('name')); // 按产品名称排序console.log(arry);products.sort(comparisionFunction('price')); // 按产品价格排序console.log(arry);
View层可以使用按钮或链接的onClick事件绑定上面的函数进行排序。
阅读全文
0 0
- JavaScript对象数组排序算法
- javascript 对象数组排序
- javascript 对象数组排序
- javascript对象数组排序
- [Javascript]对象数组排序
- Javascript 排序数组或对象
- javascript之对象数组排序
- JavaScript对象数组的排序
- [JavaScript]对象数组的排序处理
- javascript 数组对象根据指定属性排序
- javascript 内置对象 - 数组的排序
- javascript 实现数组或对象排序
- javascript 对象数组根据对象object key的值排序
- JavaScript 对象数组,根据某个对象属性进行排序
- JavaScript 数组 JavaScript 对象
- JavaScript 根据数组中对象的属性排序
- JavaScript - Array对象的使用 及 数组排序 sort
- JavaScript实现对象数组按不同字段排序
- 时间转换
- python3.6,--登录知乎
- 区间k大数查询
- VCS入门
- Java多线程并发编程一览笔录
- JavaScript对象数组排序算法
- Maven Q&A
- BTrace安装和使用
- 泛型
- java代码获取Android客户端性能数据并写入Excel表
- redis资源包
- 2).静态代理VS动态代理
- leetcode 242. Valid Anagram 颠倒字符的字符串的有效性判定 + HashMap
- Cordova Error: Could not find an installed version of Gradle