对json数据进⾏排序和搜索
对json数据进⾏排序和搜索
在使⽤AJAX获取数据时后台返回的⼤部分都是json数据，在进⾏程序开发时有时会需要直接对这些json数据在js程序中再进⾏⼀定的操作，如排序、搜索等，⽽不是通过AJAX请求由数据库进⾏这些操作。
今天我就教给⼤家如何使⽤数组的⽅法来实现这些操作:
/*假设json就是后台传过来的json数据*/
var test=[
{
price:15,
id:1,
description:'这是第⼀个数据'
},{
price:30,
id:3,
description:'这是第⼆个数据'
},{
price:5,
id:2,
description:'这是第三个数据'
}
];
此时可以通过数组的sort⽅法对json数据进⾏排序，我们可以将其封装为⼀个函数，⽅便操作。
var u=window.u||{};
u.isArray=function(o) {
return typeof o=='object'&&String.call(o).slice(8,-1).toLowerCase()=='array';
};
/**
* 对json数据按照⼀定规则进⾏排列
* @param  {array} array [需要排序的数组]
* @param  {string} type  [排序时所依据的字段]
* @param  {boolean} asc  [可选参数，默认降序，设置为true即为升序]
* @return {none}      [⽆返回值]
*/
u.sort=function(array,type,asc) {
typeof array
if(!u.isArray(array)) throw new Error('第⼀个参数必须是数组类型');
var asc=asc||false;
array.sort(function(a,b) {
if(!asc) {
return parseFloat(b[type])-parseFloat(a[type]);
} else {
return parseFloat(a[type])-parseFloat(b[type]);
}
});
};
也可以通过数组的filter⽅法对json数据进⾏搜索，我们可以将其封装为⼀个函数，⽅便操作。
```
/**
* 对json数组进⾏搜索
* @param  {array} array [需要排序的数组]
* @param  {string} type  [需要检索的字段]
* @param  {string} value [字段中应包含的值]
* @return {array}      [包含指定信息的数组]
*/
u.search=function(array,type,value) {
if(!u.isArray(array)) throw new Error('第⼀个参数必须是数组类型');
var arr=[];
arr=array.filter(function(a) {
return a[type].toString().indexOf(value)!=-1;
});
return arr;
};
可使⽤下⾯的⽅法进⾏测试：
u.sort(test,'price');
var s=u.search(test,'description',"⼀");
console.table(test);
console.table(s);
测试结果如下图所⽰：
(index)price id description 0303“这是第⼆个数据”
1151“这是第⼀个数据”
252“这是第三个数据”
(index)price id description 0151“这是第⼀个数据”

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。