JSON(入门、数组、对象转换)

JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式。

  • 创建JSON对象

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

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

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

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

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

  • 字符串转为JSON对象
    通过字符串拼接得到一个JSON结构的字符串,并不是一个JSON对象。 需要通过eval转换得到 //JS现在自带了个JSON.parse()
    转换的时候注意,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>
    
    

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值