tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

json介绍与基本用法

3908人阅读 2019/9/2 9:57 总访问:1947959 评论:0 收藏:0 手机
分类: 前端


json介绍:

Javascript object natation  

js对象记号,用来标识对象

格式就是一个键值对的形式


作用:主要作为数据传输,也可以作为项目中的配置(net core中有这样用,vscode也有)


用法:

json对象

//json对象
var jsonobj = { username: "黑棋一户", age: 17, sex: "男" };

直接点击属性即可访问:

alert(jsonobj.username);
alert(jsonobj.age);

遍历json对象

//遍历json对象(遍历键值对)
    for (var key in jsonobj) {
        alert("键:" + key);
        alert("值:" + jsonobj[key]);
    }

json数组:

//json数组
var jsonarray = new Array();
jsonarray.push({ username: "黑棋一户", age: 17, sex: "男" });
jsonarray.push({ username: "卡卡罗特", age: 39, sex: "男" });
jsonarray.push({ username: "贝吉塔", age: 45, sex: "女" });

遍历json数组:

var usertr = "";
//遍历json数组
for (var i = 0; i < jsonarray.length; i++) {
    var jsonobjitem = jsonarray[i];
    usertr += "<tr><td>" + jsonobjitem.username + "</td><td>" + jsonobjitem.age + "</td><td>" + jsonobjitem.sex + "</td></tr>";
}
$("#content").html(usertr);











欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价