JSON.stringify()和$.each()

1.JSON.stringify()

語法:

JSON.stringify(value)

作用:將 JavaScript 對象或數(shù)組轉換為Json 字符串 芙扎,與之相對的JSON.parse()則可以將JSON字符串轉換為JSON對象啸澡,以便遍歷處理時使用惰爬。

比如:

1.對象:

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(student); 

結果:

{"name":"Lanny","age":"25","location":"China"}

2.數(shù)組:

var data = [{name:"Lanny",age:"25",location:"China"},
            {name:"billy",age:"22",location:"USA"},
            {name:"lina",age:"28",location:"Japan"}];
JSON.stringify(data);

結果:

'[{"name":"Lanny","age":"25","location":"China"},
{"name":"billy","age":"22","location":"USA"},
{"name":"lina","age":"28","location":"Japan"}]'

2.$.each()

多數(shù)是用來遍歷數(shù)組和對象,比如在一個實際開發(fā)的例子中:

var cfg = {
    type : 'point',
    width : 300,
    height : 300,
    data:[
        ['中級' , .4  ,'#ff7676'],
        ['初級' , .2  ,'#ffa3a4', 0 ,'-60%'],
        ['高級' , .3  ,'#99c1ff', '50%' ,'-120%']
         ],
    css : {
         bottom:'20%'
         },
    center : true,
}

現(xiàn)在有一個函數(shù)實例需要用到這個數(shù)據(jù):

var addComponnet = function(cfg, name ){
    $.each(cfg.data, function(idx, item){
        var point = $('<div class = "point point_'+idx+'">');
        var name = $('<div class = "name">'+item[0]+'</div>');
        var rate = $('<div class="per">'+ (item[1]*100)+'%</div>');
        name.append(rate);
        point.appeng(name);
        /*后續(xù)代碼*/
        //this指向當前元素的值
        //idx表示當前下標,obj表示當前元素的值
    } )
}

3.$().each

經(jīng)常用在dom處理上面各谚,比如現(xiàn)在要同時處理很多類型為checkbox的input標簽固以,用$().each就比較方便:

$(“input[name=’go’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//處理代碼
 
}

上例中回調(diào)函數(shù)為function的參數(shù)i為遍歷索引。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末航厚,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子锰蓬,更是在濱河造成了極大的恐慌阶淘,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件互妓,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機冯勉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進店門澈蚌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人灼狰,你說我怎么就攤上這事宛瞄。” “怎么了交胚?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵份汗,是天一觀的道長。 經(jīng)常有香客問我蝴簇,道長杯活,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任熬词,我火速辦了婚禮旁钧,結果婚禮上,老公的妹妹穿的比我還像新娘互拾。我一直安慰自己歪今,他們只是感情好,可當我...
    茶點故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布颜矿。 她就那樣靜靜地躺著寄猩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪骑疆。 梳的紋絲不亂的頭發(fā)上田篇,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天,我揣著相機與錄音封断,去河邊找鬼斯辰。 笑死,一個胖子當著我的面吹牛坡疼,可吹牛的內(nèi)容都是我干的彬呻。 我是一名探鬼主播,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼柄瑰,長吁一口氣:“原來是場噩夢啊……” “哼闸氮!你這毒婦竟也來了?” 一聲冷哼從身側響起教沾,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤蒲跨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后授翻,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體或悲,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡孙咪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了巡语。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翎蹈。...
    茶點故事閱讀 39,769評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖男公,靈堂內(nèi)的尸體忽然破棺而出荤堪,到底是詐尸還是另有隱情,我是刑警寧澤枢赔,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布澄阳,位于F島的核電站,受9級特大地震影響踏拜,放射性物質(zhì)發(fā)生泄漏碎赢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一执隧、第九天 我趴在偏房一處隱蔽的房頂上張望揩抡。 院中可真熱鬧,春花似錦镀琉、人聲如沸峦嗤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽烁设。三九已至,卻和暖如春钓试,著一層夾襖步出監(jiān)牢的瞬間装黑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評論 1 269
  • 我被黑心中介騙來泰國打工弓熏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留恋谭,地道東北人。 一個月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓挽鞠,卻偏偏與公主長得像疚颊,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子信认,可洞房花燭夜當晚...
    茶點故事閱讀 44,678評論 2 354

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

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,233評論 0 4
  • 1.JQuery 基礎 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式材义。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,171評論 0 1
  • 高溫39多度的北方嫁赏,掙扎著從晚高峰的熱浪里泅渡回來其掂,看著家里凌亂的床鋪,滿地潦蝇,款熬,的雜物深寥,內(nèi)心被碾壓的完全。燥熱...
    小位ing閱讀 861評論 0 0
  • (1) 也許身邊的許多人發(fā)現(xiàn)贤牛,自己最近睡得越來越晚了翩迈,有朋友勸我早點休息,我卻不置可...
    北堂野望閱讀 223評論 6 5
  • 在上小學的時候盔夜,我家養(yǎng)過幾只兔子。這些兔子在我最歡樂的童年時光里留下了很多的印象堤魁,我至今仍然很懷念它們喂链。 我忘了一...
    北斗夜涼閱讀 773評論 2 2