JS中的JSON对象的定义和取值实现代码


Posted in Javascript onMay 09, 2018

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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
javascript 写类方式之二
Jul 05 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
Aug 07 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
js循环map 获取所有的key和value的实现代码(json)
May 09 #Javascript
js合并两个数组生成合并后的key:value数组
May 09 #Javascript
详解Puppeteer 入门教程
May 09 #Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 #Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 #Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 #jQuery
JS验证输入的是否是数字及保留几位小数问题
May 09 #Javascript
You might like
JpGraph php柱状图使用介绍
2011/08/23 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
PHP包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
PHP实现的权重算法示例【可用于游戏根据权限来随机物品】
2019/02/15 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
javascript 表单规则集合对象
2009/07/21 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
如何使用jquery easyui创建标签组件
2015/11/18 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
js断点调试心得分享(必看篇)
2017/12/08 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid
2018/04/02 DOTA
python批量生成本地ip地址的方法
2015/03/23 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
python 实现数组list 添加、修改、删除的方法
2018/04/04 Python
python爬虫_实现校园网自动重连脚本的教程
2018/04/22 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
基于python实现FTP文件上传与下载操作(ftp&amp;sftp协议)
2020/04/01 Python
Python3爬虫关于识别点触点选验证码的实例讲解
2020/07/30 Python
Python实现自动装机功能案例分析
2020/10/22 Python
一套PHP的笔试题
2013/05/31 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
社区工作者思想汇报
2014/01/13 职场文书
办公室文员自荐书
2014/02/03 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
2014年组织委员工作总结
2014/12/01 职场文书
小学生学习保证书
2015/02/26 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
python模板入门教程之flask Jinja
2022/04/11 Python
MySQL选择合适的备份策略和备份工具
2022/06/01 MySQL