JavaScript对JSON数据进行排序和搜索

一.首先给大家介绍js中内置的 sort() 方法

 

JavaScript实现对象数组按不同字段排序

假设有一个对象数组,我们想要根据某个对象属性对数组进行排序,而传递给数组sort()方法的比较函数要接收两个参数,即要比较的值。可是,我们需要一种方式来指明按照哪个属性来排序。要解决这个问题,可以定义一个函数,它接收一个属性名,然后根据这个属性名来创建一个比较函数,下面就是这个函数的定义。

function createComparionFun(propertyName)
{
    return function(object1,object2)
   {
       var value1=object1[propertyName];
       var value2=object2[propertyName];
      if(value1value2)
      {
          return 1;
      }else {
        return 0;
      }
   }
}

上面的这个函数可以像在下面例子中这样使用。

 

var data=[{name:zom,age:18},{name:nbd,age:20}];
data.sort(creatComparionFun(name));
alert(data[0].name);//nbd
data.sort(creatComparionFun(age));
alert(data[0].name);//zom

这样就实现了按不同属性进行排序。

 

假设有一个对象数组,我们想要根据某个对象属性对数组进行排序,而传递给数组sort()方法的比较…

在使用AJAX获取数据时后台返回的大部分都是json数据,在进行程序开发时有时会需要直接对这些json数据在js程序中再进行一定的操作,如排序、搜索等,而不是通过AJAX请求由数据库进行这些操作。

array_multisort 的用法
一、先看最简单的情况。有两个数组: $arr1 = array(1,9,5);
$arr2 = array(6,2,4);
array_multisort($arr1,$arr2);
print_r($arr1); // 得到的顺序是1,5,9
print_r($arr2); // 得到的顺序是6,4,2
我估计两个数组的值自始至终都是对应着的:1对应6,9对应2,5对应4。

此方法默认是按字母顺序对数组中的元素进行排序的,说得更精确点,是按照字符编码的顺序进行排序。

//1、字符串(如”2010-3-1″格式)转换成Date类型

今天我就教给大家如何使用数组的方法来实现这些操作:

我们再加多一个数组看看会怎样: $arr1 = array(1,9,5);
$arr2 = array(6,2,4);
$arr3 = array(3,7,8);
array_multisort($arr1,$arr2,$arr3);

看如下例子:

function ChangeStr2Date(str) {

/*假设json就是后台传过来的json数据*/
 var test=[
  {
   price:15,
   id:1,
   description:'这是第一个数据'
  },{
   price:30,
   id:3,
   description:'这是第二个数据'
  },{
   price:5,
   id:2,
   description:'这是第三个数据'
  }
 ];

查看结果,1自始至终都对应6对应3,其它项也是如此。这种对应关系就是手册中所谓的“排序时保留原有的键名关联”。
另外也可以把每个数组想像成数据库表的一列。而对应着的1,6,3为一数据行,9,2,7为另一数据行。。。
array_multisort会先按第一个数组(想像成列)排序,如果第一个数组(列)的值相同,则按第二个数组(列)排序。

图片 1

  return new Date(Date.parse(str.replace(/-/g, “/”)));        

此时可以通过数组的sort方法对json数据进行排序,我们可以将其封装为一个函数,方便操作。

具体可以用下面的程式来测试: $arr1 = array(1,9,5,9);
$arr2 = array(6,2,4,1);
$arr3 = array(3,7,8,0);
array_multisort($arr1,$arr2,$arr3);
可以想像这里$arr3的结果是(3,8,0,7)。

当数组中元素为 数字类型
时,排序结果与我们设想的完全不同,因为默认是按照字符编码的顺序进行排序的。

}

 var u=window.u||{};
 u.isArray=function(o) {
  return typeof o=='object'&&Object.prototype.toString.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) {
  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]);
   }
  });
 };

二、接下来讲解array_multisort的参数。 这个函数的参数很灵活。最简单的情况是如上面所示的以1个或n个数组作为参数,需要注意的是每个数组的项数要一样,否则会warning导致排序失效。
像这样array_multisort($arr1,$arr2,$arr3);
默认是所有数组都是升序排列,如果想对$arr2降序,并当作字符串去比较,就要写成:
array_multisort($arr1, $arr2, SORT_DESC, SORT_STRING, $arr3);
每个array后面可以跟一个排序顺序标志或一个排序类型标志,或者两种标志同时出现。但是每种排序标志在每个数组后面只能出现一个。
详细如下: 排序顺序标志:

解决方案:sort()
方法接收一个可选参数(此参数必须是函数),我们可以自己定义排序规则,如下图

 

也可以通过数组的filter方法对json数据进行搜索,我们可以将其封装为一个函数,方便操作。

SORT_ASC – 按照上升顺序排序(默认)
SORT_DESC – 按照下降顺序排序

图片 2

//2、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;
 };

排序类型标志:  
SORT_REGULAR – 将项目按照通常方法比较(默认)
SORT_NUMERIC – 将项目按照数值比较
SORT_STRING – 将项目按照字符串比较

二.  对 json 排序的具体实现

function JsonSort() {  

可使用下面的方法进行测试:

实际作用:把数据从数据库中提取出来之后可能是一个数组,如果想按照那个字段来进行排列,就可以先把那个字段提取出了来,成为单独的一个数组,然后再使用array_multisort进行排序,以达到对原数据按某字段数据排序的目的,下面是个小例子,按成绩对小朋友们排序。

/*
     * @description    根据某个字段实现对json数组的排序
     * @param   array  要排序的json数组对象
     * @param   field  排序字段(此参数必须为字符串)
     * @param   reverse 是否倒序(默认为false)
     * @return  array  返回排序后的json数组
    */
    function jsonSort(array, field, reverse) {
      //数组长度小于2 或 没有指定排序字段 或 不是json格式数据
      if(array.length < 2 || !field || typeof array[0] !== "object") return array;
      //数字类型排序
      if(typeof array[0][field] === "number") {
        array.sort(function(x, y) { return x[field] - y[field]});
      }
      //字符串类型排序
      if(typeof array[0][field] === "string") {
        array.sort(function(x, y) { return x[field].localeCompare(y[field])});
      }
      //倒序
      if(reverse) {
        array.reverse();
      }
      return array;
    }

//测试Json数据

u.sort(test,'price');
 var s=u.search(test,'description',"一");
 console.table(test);
 console.table(s);

复制代码 代码如下:

PS:JS中:json对象数组按对象属性排序

var obj = [{ a: change2Date(“2012-1-7”), b: 55, c: 66 }, { a:
change2Date(“2012-1-5”), b: 22, C: 33 }, { a: change2Date(“2012-1-6”),
b: 88, c: 99}];

测试结果如下图所示:

<?php
  $a=array(array(‘name’=>’张三’,’score’=>60),
  array(‘name’=>’李四’,’score’=>90),
  array(‘name’=>’王二’,’score’=>80)
  );
  $score=array();
  foreach($a as $k => $v){
  $score[$k]=$v[‘score’];
  }
  array_multisort($score,$a);
  var_dump($score);
  var_dump($a);
?>

var array = [
  {name: 'a', phone: 1},
  {name: 'b', phone: 5},
  {name: 'd', phone: 3},
  {name: 'c', phone: 4}
]
array.sort(getSortFun('desc', 'phone'));
function getSortFun(order, sortBy) {
  var ordAlpah = (order == 'asc') ? '>' : '<';
  var sortFun = new Function('a', 'b', 'return a.' + sortBy + ordAlpah + 'b.' + sortBy + '?1:-1');
  return sortFun;
}
alert(JSON.stringify(array));

 

(index) price id description
0 30 3 “这是第二个数据”
1 15 1 “这是第一个数据”
2 5 2 “这是第三个数据”

结果大家自己运行一下吧

数组本身有sort方法,可以指定排序函数,因此可以动态生成一个排序函数来完成对按指定对象属性排序的需求;

var str = “”;

(index) price id description
0 15 1 “这是第一个数据”

注意:sort后原数组序列会发生变化!!

//原顺序            

总结

您可能感兴趣的文章:

  • javascript对JSON数据排序的3个例子
  • json格式数据的添加,删除及排序方法
  • json数据处理技巧(字段带空格、增加字段、排序等等)
  • ajax返回的json内容进行排序使用sort()方法实现
  • JavaScript对JSON数据进行排序和搜索
  • JSON
    数字排序多字段排序介绍
  • Json按某个键的值进行排序
  • JS实现对json对象排序并删除id相同项功能示例
  • 实现单层json按照key字母顺序排序的示例
  • JS实现json对象数组按对象属性排序操作示例

for (var i = 0; i < obj.length; i++) {                

以上所述是小编给大家介绍的JavaScript对JSON数据进行排序和搜索,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  str = str + obj[i].a+ “<br/>”; 

您可能感兴趣的文章:

  • javascript对JSON数据排序的3个例子
  • json格式数据的添加,删除及排序方法
  • json数据处理技巧(字段带空格、增加字段、排序等等)
  • 基于JavaScript实现Json数据根据某个字段进行排序
  • ajax返回的json内容进行排序使用sort()方法实现
  • JSON
    数字排序多字段排序介绍
  • Json按某个键的值进行排序
  • JS实现对json对象排序并删除id相同项功能示例
  • 实现单层json按照key字母顺序排序的示例
  • JS实现json对象数组按对象属性排序操作示例

}

str = str + “<hr/>”;

//排序

obj.sort(function (a, b) {

  return b.a- a.a;

});            

//升序排序后            

for (var i = 0; i < obj.length; i++) {

  str=str+obj[i].a+ “<br/>”;

}  

document.write(str); 

}

 

 

相关文章