JS中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对象的定义和取值的更多相关文章
- js中 json对象与json字符串相互转换的几种方式
以下总结js中 json对象与json字符串相互转换的几种方式: 一.JSON对象转化为JSON字符串 1.使用JSON.stringify()方法进行转换 该方法不支持较老版本的IE浏览器,比如:i ...
- js 中 json对象 与 json字符串 间相互转换
在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键 JSON字符串: var str1 = '{ " ...
- JS 中 JSON 对象与字符串之间的相互转换
在开发的过程中,如果对于少量参数的前后台传递,可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,这样后台 接受的时候Request多个很麻烦 ...
- js中 json对象的转化 JSON.parse()
JSON.parse() 方法用来解析JSON字符串,json.parse()将字符串转成json对象.构造由字符串描述的JavaScript值或对象.提供可选的reviver函数用以在返回之前对所得 ...
- js中json对象和字符串的转换
JSON.parse() : 字符串-->json对象 var str = '{"name":"huangxiaojian","age" ...
- js中JSON对象和字符串对象相互转化
JSON.stringify(value [, replacer] [, space]) //作用,将json数据转化为字符串value:是必须要的字段.就是你输入的对象,比如数组啊,类啊等等. re ...
- js中json对象数组按对象属性排序---1
转载:https://www.cnblogs.com/jasonwang2y60/p/6656103.html 在实际工作经常会出现这样一个问题:后台返回一个数组中有i个json数据,需要我们根据js ...
- js中json对象数组按对象属性排序
在实际工作经常会出现这样一个问题:后台返回一个数组中有i个json数据,需要我们根据json中某一项进行数组的排序. 例如返回的数据结构大概是这样: { result:[ {id:,name:'中国银 ...
- JS中JSON对象和JSON字符串的相互转化
转:http://www.cnblogs.com/wbyp/p/7086318.html 一.JSON字符串转换为JSON对象 var str = '{"name":"c ...
随机推荐
- 【记录】Spring项目转化为Spring Web项目
前言 在将Spring项目转化为Spring Mvc项目时出现了点问题,总是无法成功部署,查阅资料也并没有找到一个完美的解决方案,最后是参考在idea中创建maven web app项目后的目录才成功 ...
- 作为前端Web开发者,这12个终端命令不可不会
对于开发人员来说,终端是最重要的工具之一.掌握终端,能够有效的提升开发人员的工作流程.使用终端,许多日常任务都被简化为了编写简单的命令并按下 Enter 按钮. 本文列举了一系列 Linux 命令,旨 ...
- php环境搭建工具推荐
楼楼最近由于一系列原因,使用了几款php环境搭建工具,安装配置方便,所以在这里推荐一下.第一款是XAMPP(网址http://www.xampps.com/),软件包原来的名字是 LAMPP,但是为了 ...
- ARM总线方面知识
AMBA简介 随着深亚微米工艺技术日益成熟,集成电路芯片的规模越来越大.数字IC从基于时序驱动的设计方法,发展到基于IP复用的设计方法,并在SOC设计中得到了广泛应用.在基于IP复用的SoC设计中,片 ...
- CSS学习总结
CSS基础 简介 什么是CSS? CSS如何创建? 选择器 通用选择器 标签选择器 类选择器 ID选择器 属性选择器 后代选择器 子选择器 相邻元素选择器 伪类选择器 CSS样式 背景 文本 字体 链 ...
- 修改Oracle【12C】字符集
select userenv('language') from dual; //查看系统字符集编码 select * from nls_database_parameters where parame ...
- Mysql Show ProcessList命令
每个MySql连接,或者叫线程,在任意一个给定的时间都有一个状态来标识正在进行的事情.可以使用 SHOW [FULL] PROCESSLIST 命令来查看哪些线程正在运行,及其查询状态,Command ...
- abapGit简介与教程
你是ABAP开发者?你用abapGit吗? 看到这个问题,读者也许会想,什么是abapGit?就让我们从这个问题开始.简单地说,abapGit是一个以ABAP写成为ABAP服务的Git客户端. 有的读 ...
- JAVA基础知识总结:十
一.抽象类 1.定义 当多个类中出现相同功能,但是功能主体是不同的,这是可以进行向上抽取的,只抽取功能的定义部分,使用抽象类实现 抽象类的存在就是为了被继承 2.使用 abstract 3.抽象类的特 ...
- ArrayList 源码(基于Java1.8)
ArrayList 源码 ArrayList 基于数组实现,也就是类对变量 Object[]系列操作,封装为常用的add,remove,indexOf, contains本质是通过 size 计数器对 ...