JSON

JavaScript学习总结【4】、JS深入(2)

字号+ 作者:H5之家 来源:H5之家 2015-11-23 16:22 我要评论( )

body 3 input type="text"/ 4 span/spanbr 5 input type="button" value="检测输入" 6 script 7 function error(){ 8 try { 9 var x=document.getElementById("txt" ).value; 10 var y=document.getElementById("de

<body> 3 <input type="text"/> 4 <span></span><br> 5 <input type="button" value="检测输入"> 6 <script> 7 function error(){ 8 try{ 9 var x=document.getElementById("txt").value; 10 var y=document.getElementById("demo"); 11 y.style.color='red'; 12 if(x=='') throw '输入不能为空'; 13 if(isNaN(x)) throw '请输入数字'; 14 var num=[7,8,9]; 15 for(var i=0;i<num.length;i++){ 16 if(x==num[i]){ 17 throw '该数字已经存在'; 18 } 19 } 20 if(x==0){ 21 throw '输入不能为0'; 22 } (x>10){ 24 throw '数字太大了'; 25 } (x<=3){ 27 throw '数字太小了'; 28 } 29 else{ 30 y.style.color='green'; 31 y.innerHTML='OK'; 32 } 33 } 34 catch(e){ 35 y.innerHTML='错误提示:' + e + '!'; 36 } 37 } 38 </script> 39 </body>

 

  (7)、跳出循环

  break语句用于跳出当前循环,直接退出循环执行后面的代码,即终止整个循环,不再进行判断。continue语句仅仅是跳出本次循环,继续执行后面的循环,即结束本次循环,接着去判断是否执行下次循环。return可以终止函数体的运行,并返回一个值。

1 for(var i=0;i<6;i++){ alert(i); } (var i=0;i<6;i++){ alert(i); 返回:0,1,2,4,5 9 }

 

2、JSON

  JSON(JavaScript Object Notation):JS对象表示法。JSON主要用于存储和交换数据信息,类似于XML,但是相比XML,JSON易于阅读和编写,也易于解析。

   JSON语法是JS对象表示语法的子集:数据在键值对中,并由逗号分隔,花括号保存对象,方括号保存数组。

  JSON语法的书写格式:”名称” : “值”, “名称” : “值”

  名称和值包含在双引号中,并用冒号分隔,每条数据用逗号分隔。这很容易理解,相对于JS中名称=”值”。

  JSON的值可以是:数字(包括整数和小数),字符串(包含在双引号中),布尔值(true 或 false),对象(包含在花括号中),数组(包含在方括号中),或者为null。

  JSON是纯文本,通常用于服务端向网页传递数据,从服务器上获取JSON数据,然后在网页中使用该数据。

  (1)、JSON对象

1 var json={"a": 12, "b": "abc", "c":[1,2,3]}; alert(json.a); alert(json.b="xyz"); alert(json.c[0]);

 

  (2)、JSON和数组

  相同点:

  都可以通过下标返回某项的值。都可以使用循环。虽然JSON没有length属性,不能使用for循环,但是可以使用for…in循环,完成与for循环相同的动作。

  数组也可以使用for…in循环,但最好还是使用for循环。for…in循环遍历的是对象的属性,而不是数组元素。

  不同点:

  JSON的下标是字符串,数组的下标为数字。JSON没有length属性,数组有该属性。

1 var arr = [12,5,7]; 2 var json = {"a":12,"b":5,"c":7}; alert(json["a"]); alert(arr.length);    alert(json.length);   (var i=0;i<arr.length;i++){ 12 alert('第'+(i+1)+'个数据是:'+arr[i]); 13 } (var i in arr){ 18 alert('第'+(i+1)+'个数据是:'+arr[i]); 19 } (var i in json){ 24 alert('第'+i+'个数据是:'+json[i]); 25 }

 

  (3)、JSON数组对象

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  •  JSON入门级学习总结-JSON数据结构

    JSON入门级学习总结-JSON数据结构

    2016-02-25 11:05

  • JavaScript转换与解析JSON方法实例详解第1/2页

    JavaScript转换与解析JSON方法实例详解第1/2页

    2016-02-10 21:25

  • ASP.NET Web API 2 返回 Json格式

    ASP.NET Web API 2 返回 Json格式

    2016-02-10 17:18

  • 未来编程的9大猜想:JavaScript不必亲自编写

    未来编程的9大猜想:JavaScript不必亲自编写

    2016-01-30 13:01

网友点评
t