真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

JavaScript對JSON數(shù)據(jù)進行排序和搜索

在使用AJAX獲取數(shù)據(jù)時后臺返回的大部分都是json數(shù)據(jù),在進行程序開發(fā)時有時會需要直接對這些json數(shù)據(jù)在js程序中再進行一定的操作,如排序、搜索等,而不是通過AJAX請求由數(shù)據(jù)庫進行這些操作。

創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供順河網(wǎng)站建設(shè)、順河做網(wǎng)站、順河網(wǎng)站設(shè)計、順河網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、順河企業(yè)網(wǎng)站模板建站服務(wù),十多年順河做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

今天我就教給大家如何使用數(shù)組的方法來實現(xiàn)這些操作:

/*假設(shè)json就是后臺傳過來的json數(shù)據(jù)*/
 var test=[
  {
   price:15,
   id:1,
   description:'這是第一個數(shù)據(jù)'
  },{
   price:30,
   id:3,
   description:'這是第二個數(shù)據(jù)'
  },{
   price:5,
   id:2,
   description:'這是第三個數(shù)據(jù)'
  }
 ];

此時可以通過數(shù)組的sort方法對json數(shù)據(jù)進行排序,我們可以將其封裝為一個函數(shù),方便操作。

 var u=window.u||{};
 u.isArray=function(o) {
  return typeof o=='object'&&Object.prototype.toString.call(o).slice(8,-1).toLowerCase()=='array';
 };
 /**
  * 對json數(shù)據(jù)按照一定規(guī)則進行排列
  * @param {array} array [需要排序的數(shù)組]
  * @param {string} type [排序時所依據(jù)的字段]
  * @param {boolean} asc  [可選參數(shù),默認降序,設(shè)置為true即為升序]
  * @return {none}    [無返回值]
  */
 u.sort=function(array,type,asc) {
  if(!u.isArray(array)) throw new Error('第一個參數(shù)必須是數(shù)組類型');
  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]);
   }
  });
 };

也可以通過數(shù)組的filter方法對json數(shù)據(jù)進行搜索,我們可以將其封裝為一個函數(shù),方便操作。

/**
  * 對json數(shù)組進行搜索
  * @param {array} array [需要排序的數(shù)組]
  * @param {string} type [需要檢索的字段]
  * @param {string} value [字段中應(yīng)包含的值]
  * @return {array}    [包含指定信息的數(shù)組]
  */
 u.search=function(array,type,value) {
  if(!u.isArray(array)) throw new Error('第一個參數(shù)必須是數(shù)組類型');
  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);

測試結(jié)果如下圖所示:

(index)priceiddescription
0303“這是第二個數(shù)據(jù)”
1151“這是第一個數(shù)據(jù)”
252“這是第三個數(shù)據(jù)”

(index)priceiddescription
0151“這是第一個數(shù)據(jù)”

總結(jié)

以上所述是小編給大家介紹的JavaScript對JSON數(shù)據(jù)進行排序和搜索,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持!


本文標題:JavaScript對JSON數(shù)據(jù)進行排序和搜索
網(wǎng)站鏈接:http://weahome.cn/article/jcgpoi.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部