json格式的javascript對象用法分析，jsonjavascript

json格式的javascript對象用法分析，jsonjavascript

本文執行個體分析了json格式的javascript對象用法。分享給大家供大家參考，具體如下：

格式：

objectName = { property1:value1, property2:value2, …, propertyN:valueN}

property是對象的屬性 ，value則是對象的值，值可以是字串、數字或對象三者之一

例一： 值為字串和數字

var user={ name:"user1", age:18};

例二：值為字串和對象

var user={ //user本身是一個對象 name:"user1", job:{ //job也是一個對象  salary:3000,  title:programmer }}

例三：值還可以為函數

var user={ //user本身為一個對象 name:"user1", age:18, getName:function(){ //getName為方法  return this.name; }}

以下ZPVisitor類的定義格式在實際企業專案中經常被使用：

var ZPVisitor = { init : function(){  var url = ZPConstant.AJAX_SERVER + "&a=hello" + "&sid=" + Math.random();  $.getJSON(url,function(result){ // #TODO 跨域請求？   if (result.done) {    var logininfo = result.data.name + " 您好!";    if (!result.data.login) {    logininfo += " <a href=\"" + ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=login\">登入</a>/<a href=\"" +    ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=regist\">註冊</a>";    } else {    logininfo += " <a href=\"" + ZPConstant.MYZP_DOMAIN + "index.php?c=member&a=logout\">登出</a>";    }    $("#login-info").html(logininfo);   } else {    popAlert(result.msg);   }  }); //結束getJSON }, //結束init方法 // 收藏商品 collect : function(pid) {   var pid = parseInt(pid);   if (isNaN(pid)) return false;   var url = ZPConstant.AJAX_SERVER + "&a=collect&pid=" + pid + "&sid=" + Math.random();   $.getJSON(url,function(result){    if(result.done){     popAlert(result.msg);    } else {     popAlert(result.msg);    }   });//結束getJSON方法 },// 結束collect方法 // 瀏覽曆史 vHistory :{  get:function(callback){   var items_str = getCookie(ZPConstant.VIEW_HISTORY_CKNAME);   if (items_str == null) return;   var items = items_str.split(",").reverse().join(","),   url = ZPConstant.AJAX_SERVER + "&a=viewHistory" + "&items="+ items + "&sid=" + Math.random();   // TODO 向服務端請求資料   $.getJSON(url,function(response){     if(response.done){      callback(response.data,items);    } else {      return false;    }   });//結束getJSON方法  },//結束get方法  add:function(pid){   var pid = parseInt(pid);   if (isNaN(pid)) return;   var cookieStr = getCookie(ZPConstant.VIEW_HISTORY_CKNAME);   if (cookieStr) {    var pids = cookieStr.split(","),_tempPids = [];    for (var i=0;i<pids.length;i++){     if (pids[i] != pid) { // 如果已經存在，則移除之前寫入的資料      _tempPids.push(parseInt(pids[i]));     }    }    _tempPids.push(pid);// 將新資料放到數組最後    setCookie(ZPConstant.VIEW_HISTORY_CKNAME, _tempPids.reverse().slice(0,5).reverse().join(","));   } else {    setCookie(ZPConstant.VIEW_HISTORY_CKNAME, pid);   }  },// 結束add方法  clear:function(){    setCookie(ZPConstant.VIEW_HISTORY_CKNAME, '', -100);  } },//結束vHistory // 購物車已刪除的商品記錄 dropHistory: function(spid){  var cookieStr = getCookie(ZPConstant.CARTDEL_CKNAME);  if (cookieStr){   var idsDel = cookieStr.split(",");   for (var i=0;i<idsDel.length;i++){     idsDel[i] = parseInt(idsDel[i]);   }   if ($.inArray(spid,idsDel) == -1){    idsDel.push(spid);    setCookie(ZPConstant.CARTDEL_CKNAME, idsDel.join(","));   }  } else {   setCookie(ZPConstant.CARTDEL_CKNAME, spid);  } }//結束dropHistory}//結束ZPVisitor

PS：這裡再為大家推薦幾款json線上工具，相信大家在今後的開發中可以用得到：

線上JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json

JSON線上格式化工具：
http://tools.jb51.net/code/jsonformat

線上XML/JSON互相轉換工具：
http://tools.jb51.net/code/xmljson

json代碼線上格式化/美化/壓縮/編輯/轉換工具：
http://tools.jb51.net/code/jsoncodeformat

C語言風格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json