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