jquery里把數(shù)組轉(zhuǎn)換成json的方法

首先來看侥涵,jquery里自帶的,和json相關(guān)的函數(shù):

1.$.parseJSON? :? 用來解析JSON字符串渔隶,返回一個(gè)對象寸认。

什么叫“JSON字符串”?

比如:

var a={name:"aijquery",url:"www.aijquery.cn"};

上面定義的變量a是個(gè)JSON對象,我們可以直接用“a.name”或“a.url”來訪問內(nèi)容的數(shù)據(jù)敬鬓。

var a="{name:'aijquery',url:'www.aijquery.cn'}";

上面定義的變量a就是一個(gè)符合JSON數(shù)據(jù)結(jié)構(gòu)的字符串淹朋,可以叫做“JSON字符串”.

PS:關(guān)于$.parseJSON的用法,可以參考站長以前寫的這篇文章:

jquery里把字符串轉(zhuǎn)為json對象的四種方法钉答,及每種方法的優(yōu)缺點(diǎn)

2. serializeArray()? : 序列化表格元素 ,返回JSON數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)础芍。

雖然函數(shù)里有個(gè)"Array",但和本篇我們要說的“數(shù)組轉(zhuǎn)JSON”無關(guān)数尿,serializeArray()這個(gè)函數(shù)是用來獲取表單數(shù)據(jù)的仑性,和serialize()不同,serializeArray()返回的是JSON格式的數(shù)據(jù)右蹦。

因?yàn)閖query就是在JS的基礎(chǔ)上而來的诊杆,所以一些JS里的函數(shù),我們在jquery里也是能直接用的何陆,下面來看看JS里和JSON相關(guān)的兩個(gè)函數(shù):

JSON.parse(text)? : 用于將一個(gè) JSON 字符串轉(zhuǎn)換為JSON對象刽辙。

JSON.stringify() : 用于將一個(gè)"值"轉(zhuǎn)換為 JSON 字符串。

本章我們要說的甲献,把數(shù)組轉(zhuǎn)換成JSON宰缤,主要用到的就是 " JSON.stringify()? ",和以前一樣晃洒,我們直接通過實(shí)例來學(xué)習(xí):

實(shí)例1:簡單的數(shù)組:

var data =["a","b","c"];

var d =JSON.stringify(data);

console.log(d);???????????? //["a","b","c"]

console.log($.type(d));???? // string

下面是上面這段代碼的運(yùn)行結(jié)果:

[jquery里把數(shù)組轉(zhuǎn)換成json的方法[精心整理]_1]

從上面的代碼里慨灭,我們可以看出,JSON.stringify() 確實(shí)是把數(shù)組轉(zhuǎn)換成了字符串球及,但是這個(gè)字符串并不是“JSON字符串”氧骤,原因就是,在JSON里吃引,數(shù)據(jù)都是“名字:值”這樣配對的形式的筹陵,但上面這個(gè)數(shù)組太過簡單,只是個(gè)一維數(shù)組镊尺,所以不能轉(zhuǎn)換成“JSON字符串”的朦佩。

實(shí)例2:二維數(shù)組:

01:第一種形式的二維數(shù)組:

var data =[["a","aa"],["b","bb"],["c","cc"]];

var d =JSON.stringify(data);

console.log(d);??????????? //[["a","aa"],["b","bb"],["c","cc"]]

console.log($.type(d));??? //string

運(yùn)行結(jié)果如下:

[jquery里把數(shù)組轉(zhuǎn)換成json的方法[精心整理]_2]

很明顯,這個(gè)結(jié)果也不是我們想要的庐氮,因?yàn)檗D(zhuǎn)換后的字符串语稠,并不是“JSON字符串”。

02:第二種形式的二維數(shù)組:

var data =new Array();

data[0]=new Array();

data[0][0]="a";

data[0][1]="aa";

data[1]=new Array();

data[1][0]="b";

data[1][1]="bb";

var d =JSON.stringify(data);

console.log(d);??????????? //[["a","aa"],["b","bb"]]

console.log($.type(d));??? //string

運(yùn)行結(jié)果截圖如下:

[jquery里把數(shù)組轉(zhuǎn)換成json的方法[精心整理]_3]

很明顯,這也不是我們想要的結(jié)果仙畦。输涕。。慨畸。莱坎。

03:再換一種寫法:

var data =new Array();

data[0]=new Array();

data[0]["name"]="a";

data[0]["val"]="aa";

data[1]=new Array();

data[1]["name"]="b";

data[1]["val"]="bb";

var d =JSON.stringify(data);

console.log(d);??????????????? //[[],[]]

console.log($.type(d));??????? //string

看這次的運(yùn)行結(jié)果:

[jquery里把數(shù)組轉(zhuǎn)換成json的方法[精心整理]_4]

與我們想要的結(jié)果更遠(yuǎn)了,不過不要急寸士,還有最后一種:

04:最后一種寫法型奥,直接把數(shù)據(jù)定義成對象:

var data ={};

data[0]={};

data[0]["name"]="a";

data[0]["val"]="aa";

data[1]={};

data[1]["name"]="b";

data[1]["val"]="bb";

var d =JSON.stringify(data);

console.log(d);??????????????? //{"0":{"name":"a","val":"aa"},"1":{"name":"b","val":"bb"}}

console.log($.type(d));??????? //string

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市碉京,隨后出現(xiàn)的幾起案子厢汹,更是在濱河造成了極大的恐慌,老刑警劉巖谐宙,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烫葬,死亡現(xiàn)場離奇詭異,居然都是意外死亡凡蜻,警方通過查閱死者的電腦和手機(jī)搭综,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來划栓,“玉大人兑巾,你說我怎么就攤上這事≈臆瘢” “怎么了蒋歌?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長委煤。 經(jīng)常有香客問我堂油,道長,這世上最難降的妖魔是什么碧绞? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任府框,我火速辦了婚禮,結(jié)果婚禮上讥邻,老公的妹妹穿的比我還像新娘迫靖。我一直安慰自己,他們只是感情好兴使,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布系宜。 她就那樣靜靜地躺著,像睡著了一般鲫惶。 火紅的嫁衣襯著肌膚如雪蜈首。 梳的紋絲不亂的頭發(fā)上实抡,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天欠母,我揣著相機(jī)與錄音欢策,去河邊找鬼。 笑死赏淌,一個(gè)胖子當(dāng)著我的面吹牛踩寇,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播六水,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼俺孙,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了掷贾?” 一聲冷哼從身側(cè)響起睛榄,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎想帅,沒想到半個(gè)月后场靴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡港准,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年旨剥,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片浅缸。...
    茶點(diǎn)故事閱讀 38,569評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡轨帜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出衩椒,到底是詐尸還是另有隱情蚌父,我是刑警寧澤,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布毛萌,位于F島的核電站梢什,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏朝聋。R本人自食惡果不足惜嗡午,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望冀痕。 院中可真熱鬧荔睹,春花似錦、人聲如沸言蛇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽腊尚。三九已至吨拗,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背劝篷。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工哨鸭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人娇妓。 一個(gè)月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓像鸡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哈恰。 傳聞我的和親對象是個(gè)殘疾皇子只估,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 概要 64學(xué)時(shí) 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,125評論 0 3
  • 轉(zhuǎn)載:在開發(fā)中蛔钙,數(shù)組的使用場景非常多,平日中也涉及到很多數(shù)組的api/相關(guān)操作荠医,一直也沒有對這塊內(nèi)容進(jìn)行一塊整理總...
    七色煙火閱讀 3,211評論 0 3
  • 數(shù)組是我們在js中常常要用到的,但是你真的熟悉數(shù)組的方法嗎幢泼?今天我就總結(jié)一下Array對象具有哪些方法紧显。 聲明數(shù)組...
    hk_sky閱讀 1,672評論 0 2
  • ## 經(jīng)典bug:1.模板引擎的渲染## 難點(diǎn):### 0.vue總結(jié)#### 指令:```jsVue.direc...
    x_ng閱讀 255評論 0 0
  • @轉(zhuǎn)自GitHub 介紹js的基本數(shù)據(jù)類型。Undefined缕棵、Null孵班、Boolean、Number招驴、Strin...
    YT_Zou閱讀 1,145評論 0 0