码迷,mamicode.com
首页 > Web开发 > 详细

js中的json对象

时间:2014-10-28 17:56:46      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:json   书写方式   

1.JSON(JavaScript Object  Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 
JSON的规则很简单:对象是一个无序的“‘名称:值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。
   规则如下:
       1)映射用冒号(“:”)表示。名称:值
       2)并列的数据之间用逗号(“,”)分隔。名称1:值1,名称2:值2
       3) 映射的集合(对象)用大括号(“{}”)表示。{名称1:值1,名称2:值2}
       4) 并列数据的集合(数组)用方括号(“[]”)表示。
         [
           {名称1:值,名称2:值2},

           {名称1:值,名称2:值2}

       ]
      5 )元素值可具有的类型:string, number, object, array, true, false, null 

2.json中的五种写法:

1)传统方式存储数据,调用数据

	<script type="text/javascript">
  		//JS传统方式下定义"类"
  		function Person(id,name,age){
  			this.id = id;
  			this.name = name;
  			this.age = age;				
  		}	
  		//JS传统方式下创建"对象"
  		var p = new Person(20141028,"一叶扁舟",22);
  		
  		//调用类中的属性,显示该Person的信息
  		window.alert(p.id);
  		window.alert(p.name);
  		window.alert(p.age);
  	</script>

2)第一种样式:
 <script type="text/javascript">
   var person = {
    id:001,
    name:"一叶扁舟",
    age:23
   }
   window.alert("编号:"+person.id);
   window.alert("用户名:"+person.name);
   window.alert("年龄:"+person.age);
   </script>


3)第二种样式:

		<script type="text/javascript">
	var p = [
	{id:001,name:"一叶扁舟",age:22},
	{id:002,name:"无悔",age:23},
	{id:003,name:"无悔_一叶扁舟",age:24}
	];
   
   for(var i = 0; i < p.length; i++){
     window.alert("编号:"+p[i].id);
     window.alert("用户名:"+p[i].name);
     window.alert("年龄:"+p[i].age);
   
   }
   </script>

4)第三种样式:
  	<script type="text/javascript">
		var p = {
			"province":[
				{"city":"福州"},
				{"city":"厦门"},
				{"city":"莆田"}
			]
		};
		window.alert("所在城市:" + p.province[0].city);
  	</script>

5)第四种样式:
	<script type="text/javascript">
		var p = {
		   "ids":[
			{"id":001},
			{"id":002},
			{"id":003}
			],
		  "names":[
			{"name":"一叶扁舟"},
			{"name":"无悔"},
			{"name":"无悔_一叶扁舟"}
			]
		};
  
   for(var i = 0; i < p.names.length; i++){
     window.alert("名字:"+p.names[i].name);

   }
    for(var i = 0; i < p.ids.length; i++){
   	 window.alert("id:"+p.ids[i].id);
    }
       	
</script>

6)第五种样式:

<script type="text/javascript">
		var p = {
			"province":["福州","厦门","莆田"]		
		};
		window.alert("城市的个数:"+p.province.length);
		window.alert("分别是:\n");
		for(var i=0;i<p.province.length;i++){
			window.alert(p.province[i]);
		}
  	</script>



js中的json对象

标签:json   书写方式   

原文地址:http://blog.csdn.net/u011662320/article/details/40541363

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!