最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

 更新時間:2017年07月24日 09:26:07   作者:ma125120  
今天教給大家如何使用數(shù)組的方法來實現(xiàn)JSON數(shù)據(jù)進行排序和搜索功能,具體實例代碼大家參考下本文吧

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

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

/*假設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ù),默認降序,設置為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 [字段中應包含的值]
  * @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);

測試結果如下圖所示:

(index) price id description
0 30 3 “這是第二個數(shù)據(jù)”
1 15 1 “這是第一個數(shù)據(jù)”
2 5 2 “這是第三個數(shù)據(jù)”

(index) price id description
0 15 1 “這是第一個數(shù)據(jù)”

總結

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

相關文章

  • js實現(xiàn)延遲加載的方法

    js實現(xiàn)延遲加載的方法

    這篇文章主要介紹了js實現(xiàn)延遲加載的方法,涉及javascript中setTimeout與setInterval方法的使用技巧,需要的朋友可以參考下
    2015-06-06
  • js css+html實現(xiàn)簡單的日歷

    js css+html實現(xiàn)簡單的日歷

    這篇文章主要為大家詳細介紹了由html、css、javascript結合實現(xiàn)的簡單日歷,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • script標簽中的async和defer詳細說明與使用場景

    script標簽中的async和defer詳細說明與使用場景

    這篇文章主要介紹了script標簽中的async和defer詳細說明與使用場景,需要的朋友可以參考下
    2023-02-02
  • javascript實現(xiàn)控制文字大中小顯示

    javascript實現(xiàn)控制文字大中小顯示

    網(wǎng)頁上可以自由改變字體大小是個非常有助于用戶體驗的小功能,現(xiàn)在許多網(wǎng)站上都有此功能,今天我們來簡單實現(xiàn)下。
    2015-04-04
  • Webpack打包速度優(yōu)化方案匯總

    Webpack打包速度優(yōu)化方案匯總

    Webpack 打包速度優(yōu)化是提升開發(fā)效率和構建效率的關鍵,以下是系統(tǒng)化的優(yōu)化方案,從基礎配置到高級技巧全面覆蓋,并通過代碼示例講解的非常詳細,需要的朋友可以參考下
    2025-04-04
  • JS獲取地址欄參數(shù)的兩種方法(原生、vue)

    JS獲取地址欄參數(shù)的兩種方法(原生、vue)

    這篇文章主要介紹了JS獲取地址欄參數(shù)的兩種方法(原生、vue),文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下
    2024-07-07
  • 手機端轉盤抽獎代碼分享

    手機端轉盤抽獎代碼分享

    轉盤,也有一種說法叫抽獎轉盤,大體上是由一塊圓形的面板上面有很多的獎項設置,在圓形面板的前面,還有一根指針是固定的,下面,小編給大家分享手機端轉盤抽獎,需要的朋友可以參考下
    2015-09-09
  • layer彈出層父子頁面事件相互調用方法

    layer彈出層父子頁面事件相互調用方法

    今天小編就為大家分享一篇layer彈出層父子頁面事件相互調用方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • JavaScript使用小插件實現(xiàn)倒計時的方法講解

    JavaScript使用小插件實現(xiàn)倒計時的方法講解

    今天小編就為大家分享一篇關于JavaScript使用小插件實現(xiàn)倒計時的方法講解,小編覺得內容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-03-03
  • 整理關于Bootstrap導航的慕課筆記

    整理關于Bootstrap導航的慕課筆記

    這篇文章主要為大家整理了關于Bootstrap導航的慕課筆記,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-03-03

最新評論

华蓥市| 邹城市| 会昌县| 巴青县| 班玛县| 兴和县| 潜山县| 沅江市| 克拉玛依市| 佛学| 弋阳县| 临桂县| 沐川县| 昭平县| 宣城市| 铁岭市| 商洛市| 沙湾县| 郁南县| 多伦县| 肥城市| 建水县| 建宁县| 石嘴山市| 东兴市| 津市市| 大连市| 铜梁县| 安达市| 蒙山县| 保靖县| 巴青县| 商水县| 泸州市| 桂阳县| 沈丘县| 彰武县| 新巴尔虎右旗| 孙吴县| 榆中县| 长宁区|