国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-19 16:00:23
字體:
供稿:網(wǎng)友

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

今天我就教給大家如何使用數(shù)組的方法來實(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ù)進(jìn)行排序,我們可以將其封裝為一個函數(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ī)則進(jìn)行排列  * @param {array} array [需要排序的數(shù)組]  * @param {string} type [排序時所依據(jù)的字段]  * @param {boolean} asc  [可選參數(shù),默認(rèn)降序,設(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ù)進(jìn)行搜索,我們可以將其封裝為一個函數(shù),方便操作。

/**  * 對json數(shù)組進(jìn)行搜索  * @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; };

可使用下面的方法進(jìn)行測試:

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

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

(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ù)”

總結(jié)

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 孟村| 凭祥市| 江门市| 响水县| 沙河市| 望奎县| 澜沧| 光山县| 富宁县| 大关县| 沈阳市| 五华县| 巴东县| 门头沟区| 民乐县| 商都县| 马鞍山市| 雷波县| 武陟县| 隆安县| 油尖旺区| 南华县| 临猗县| 阿图什市| 同心县| 永善县| 皮山县| 六盘水市| 海宁市| 玉山县| 兴山县| 肃北| 万安县| 页游| 竹山县| 普兰店市| 左云县| 思南县| 隆回县| 呼图壁县| 苏尼特右旗|