json格式的javascript对象用法分析
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了json格式的javascript对象用法,结合实例形式总结分析了javascript针对json格式数据操作的常见技巧,需要的朋友可以参考下
本文实例分析了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代码检验、检验、美化、格式化工具：
JSON在线格式化工具：
在线XML/JSON互相转换工具：
json代码在线格式化/美化/压缩/编辑/转换工具：
C语言风格/HTML/CSS/json代码格式化美化工具：
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。