JS json数据

本文介绍了JSON(JavaScript Object Notation)的基础知识,包括JSON的语法特点、如何使用JSON表示数据、如何通过JavaScript操作JSON对象等内容,并提供了JSON对象和数组的具体实例。
 <script>
       window.onload=function(){
             //JSON:JavaScript Object Notation(js对象标记法/)
            
             //JSON是存储和交换文本信息的语法。类似XML,比XML更小更快更易解析、
             //用 eval() 处理 JSON 字符串
              //JOSN语法是JavaScript语法的子集
              //1:数据在key:value中
              //2:数据由逗号分隔
              //3大括号{}存储对象
              //4中括号[]存储数组
              //json值可以是字符串/数组/对象/boolean/数字/null
              //一般情况下key加不加引号都可以,有时必须加
             var obj={"name":'刘洋',age:'25',1:"30"};
              //.点语法;
              document.write(obj.name);
              //[]中括号语法
              document.write(obj["age"]);
              //key为数字时不能用.点语法
             //   document.write(obj.3);//错误写法
              //json是object对象类型
              document.write(typeof(obj)+"<br/>");
              //删除json中的元素
              delete obj.name;
              document.write(obj.name+"<br/>");//name等于undefined
              //json对象嵌套另一个json对象
              var josn1={
                   name:"刘洋",
                   age:"25",
                   info:{
                       name:"张三",
                       sex:""
                   }
              }
              document.write(josn1["info"].name+"<br/>");
              document.write(josn1["info"]["sex"]+"<br/>");
              //对象数组
              var json2=[{name:"张三",sex:""},{name:"李四",sex:""}];
              document.write(json2[0].name)//张三
              //json没有length
              document.write(obj.length+"<br/>");//length等于undefined
              //遍历json对象 
              for(var key in obj){//key是目标对象的索引
                 //循环json对象时不能用obj.语法
                  document.write(key+":"+obj[key]+"<br/>");
              }
              //遍历数组  var 用不用都可以
              var arr=["10","20","30"];
              for(index in arr){//index是目标对象的索引
                  document.write(index+":"+arr[index]+"<br/>");
              }
            
              
       }

</script>

 

转载于:https://www.cnblogs.com/xingkongly/p/7593375.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值