json格式數(shù)據(jù)的添加,刪除及排序方法
本文實(shí)例講述了json格式數(shù)據(jù)的添加,刪除及排序方法。分享給大家供大家參考,具體如下:
js數(shù)據(jù)格式和json數(shù)據(jù)格式,各有各的用處,就個人而言,json更好用一點(diǎn),js自身的數(shù)組和對像限制比較多。
以js的數(shù)組舉例:
var a = ['1']; a[5] = 52; a.length //這兒的結(jié)果是6,也就是說,中間的key會自動補(bǔ)全,而值呢,是undefined
一、添加和刪除
1、一維數(shù)組
test = {}; //空json對像 test['firstname'] = "tank"; //添加二個元素 test['lastname'] = "zhang"; console.log(test); //查看 delete test['lastname']; //刪除json中的某個元素 console.log(test);
2、二維數(shù)組
test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}]; add = {"name":"may"}; test1.push(add); //添加一個元素 console.log(test1); delete test1[2]; //刪除一個元素 console.log(test1);
二、排序
1、一維數(shù)組
test = ["100","23","325"]; //定義個數(shù)組 function sortNumber(a,b) //定義排序方法 { return a - b } test1_sort=test.sort(sortNumber); console.log(test1_sort);
2、二維數(shù)組
test1 = [{"name":"tank","total":"100"},{"name":"zhang","total":"23"},{"name":"hao","total":"325"}]; sort_by = function(field, reverse, primer){ //定義排序方法 var key = primer ? function(x) {return primer(x[field])} : function(x) {return x[field]}; reverse = [-1, 1][+!!reverse]; return function (a, b) { return a = key(a), b = key(b), reverse * ((a > b) - (b > a)); } } test1_sort=test1.sort(sort_by('total', true, parseInt)); //根據(jù)total,升序排 console.log(test1_sort); test1_sort=test1.sort(sort_by('name', false, '')); //根據(jù)name,倒序排 console.log(test1_sort);
別看是小問題,但是如果長時間不用,也會生疏,或者忘了。
更多關(guān)于json相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript中json操作技巧總結(jié)》及《jQuery操作json數(shù)據(jù)技巧匯總》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
如何使用TypeScript實(shí)現(xiàn)一個瀏覽器事件的集中管理
這篇文章主要介紹了使用TypeScript實(shí)現(xiàn)一個瀏覽器事件的集中管理,瀏覽器事件模型的主要優(yōu)點(diǎn)是它可以使開發(fā)人員更加靈活地處理用戶交互,并且可以通過事件委托等技術(shù)來提高性能,本文給大家講解的非常詳細(xì),需要的朋友可以參考下2023-06-06JS實(shí)現(xiàn)逐頁將PDF文件轉(zhuǎn)為圖片格式
這篇文章主要為大家分享了如何通過前端js將pdf文件轉(zhuǎn)為圖片格式,并且支持翻頁預(yù)覽、以及圖片打包下載,文中的示例代碼簡潔易懂,需要的可以參考一下2023-05-05《JavaScript高級程序設(shè)計(jì)》閱讀筆記(一) ECMAScript基礎(chǔ)
ECMAScript基礎(chǔ),主要包括語法,變量,關(guān)鍵字,保留字,原始值和引用值等2012-02-02js組件SlotMachine實(shí)現(xiàn)圖片切換效果制作抽獎系統(tǒng)
這篇文章主要介紹了js組件SlotMachine實(shí)現(xiàn)圖片切換效果制作抽獎系統(tǒng)的相關(guān)資料,需要的朋友可以參考下2016-04-04Bootstrap組件學(xué)習(xí)之導(dǎo)航、標(biāo)簽、面包屑導(dǎo)航(精品)
這篇文章主要介紹了Bootstrap組件學(xué)習(xí)之導(dǎo)航、標(biāo)簽、面包屑導(dǎo)航(精品)的相關(guān)資料,需要的朋友可以參考下2016-05-05