js中的json对象详细介绍


Posted in Javascript onOctober 29, 2014

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>
Javascript 相关文章推荐
JavaScript QueryString解析类代码
Jan 17 Javascript
jquery 事件对象属性小结
Apr 27 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
vue.js实现表格合并示例代码
Nov 30 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
jQuery常用选择器详解
Jul 17 jQuery
Javascript网页抢红包外挂实现分享
Jan 11 Javascript
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
Oct 29 #Javascript
BAT及各大互联网公司2014前端笔试面试题--JavaScript篇
Oct 29 #Javascript
JavaScript中的迭代器和生成器详解
Oct 29 #Javascript
JS实现倒计时和文字滚动的效果实例
Oct 29 #Javascript
javascript设置连续两次点击按钮时间间隔的方法
Oct 28 #Javascript
jQuery中parents()和parent()的区别分析
Oct 28 #Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 #Javascript
You might like
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
以文件形式缓存php变量的方法
2015/06/26 PHP
thinkPHP中验证码的简单使用方法
2015/12/26 PHP
Django中的cookie与session操作实例代码
2017/08/17 PHP
PHP token验证生成原理实例分析
2019/06/05 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
Javascript 继承机制的实现
2009/08/12 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
XML文件转化成NSData对象的方法
2015/08/12 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
vue 1.0 结合animate.css定义动画效果
2018/07/11 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
Vue 实现从文件中获取文本信息的方法详解
2019/10/16 Javascript
微信小程序button标签open-type属性原理解析
2020/01/21 Javascript
iview实现图片上传功能
2020/06/29 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
TensorFlow神经网络优化策略学习
2018/03/09 Python
对Python 语音识别框架详解
2018/12/24 Python
django将网络中的图片,保存成model中的ImageField的实例
2019/08/07 Python
利用HTML5的新特点实现图片文件异步上传
2014/05/29 HTML / CSS
工厂厂长的职责
2013/12/12 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
五一口号
2014/06/19 职场文书
护理学专业求职信
2014/06/29 职场文书
领导班子自我剖析材料
2014/08/16 职场文书
县长群众路线对照检查材料思想汇报
2014/10/02 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript