首页 > Web开发 > 详细

json-Notes

时间:2020-02-29 01:08:03      阅读:67      评论:0      收藏:0      [点我收藏+]

1.创建JSON对象?

    var gareen = {"name":"盖伦","hp":616};
    这样就创建了一个JSON 对象
    JSON对象由 名称/值对组成 名称和值之间用冒号:隔开
    名称必须用双引号" 包含起来
    值可以是任意javascript数据类型,字符串,布尔,数字 ,数组甚至是对象
    不同的名称/值对之间用 逗号 , 隔开
    <script>
    var gareen = {"name":"盖伦","hp":616};
    
    document.write("这是一个JSON对象: "+gareen);
    
    </script>

2.访问JSON对象?

    通过 点. 访问JSON对象的属性
    <script>
    var gareen = {"name":"盖伦","hp":616};
    
    document.write("英雄名称: " + gareen.name + "<br>");
    document.write("英雄血量: " + gareen.hp + "<br>");
    </script>

3.创建JSON数组?

    通过方括号[] 创建JSON 数组
    <script>
    var heros=
    [
        {"name":"盖伦","hp":616},
        {"name":"提莫","hp":313},
        {"name":"死歌","hp":432},
        {"name":"火女","hp":389}
    ]
    document.write("JSON数组大小"+heros.length);
    </script>

4.访问JSON数组?

    访问JSON数组和访问普通数组一样,通过下标访问
    <script>
    var heros=
    [
        {"name":"盖伦","hp":616},
        {"name":"提莫","hp":313},
        {"name":"死哥","hp":432},
        {"name":"火女","hp":389}
    ]
    document.write( "第4个英雄是:" +  heros[3].name);
    </script>

5.JSON对象与JavaScript对象?

    JavaScript对象 分内置对象(Number,String,Array,Date,Math)和自定义对象
    JSON就是自定义对象,只不过是以JSON这样的数据组织方式表达出来
    所以不存在JSON对象与JavaScript对象的转换问题

6.字符串转为JSON对象?

    通过字符串拼接得到一个JSON结构的字符串,并不是一个JSON对象。 需要通过eval转换得到
    转换的时候注意,eval 函数要以( 开头,)结尾
    或者使用JQuery的$.parseJSON转换函数
    <script>
    var s1 = "{\"name\":\"盖伦\"";
    var s2 = ",\"hp\":616}";
    var s3 = s1+s2;
    document.write("这是一个JSON格式的字符串:" + s3);
    document.write("<br>");
    var gareen = eval("("+s3+")");
    document.write("这是一个JSON对象: " + gareen);
    </script>

7.JSON 对象转换为字符串?

    son 对象因为是一个javascript对象,所以如果直接打印的话,看不到里面的内容。
    有时候要看看这个对象是不是我们期望的,所以需要通过 JSON.stringify 函数把它转换为 字符串
    <script>
    var hero = {"name":"盖伦","hp":"616"};
    document.write("这是一个json 对象:"+ hero);
    document.write("<br>");
    var heroString = JSON.stringify(hero)
    document.write("这是一个json 字符串:"+ heroString );
    </script>

json-Notes

原文:https://www.cnblogs.com/lyjs0012/p/12380794.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!