JS复习:第二十章
一、JSON
1.JSON的语法可以表示以下三种类型的值:
(1)简单值:字符串、数值、布尔值和null。如:5,“Hello,World!”
(2)对象:javascript中对象字面量:
var person = {
name : "Nicholas",
age : 29
};
JSON表示上述对象的方式如下:
{
"name" : "Nicholas",
"age" : 29
}
也可以像下面这样嵌入对象:
{
"name" : "Nicholas",
"age" : 29,
"school" : {
"name" : "Merrimack College",
"location" : "North Andover,MA"
}
}
与javascript不同,JSON对象的属性名必须始终加双引号。
(3)数组:JSON数组采用的就是javascript中的数组字面量形式。
例如,下面是javascript中的数组字面量:
var values = [25,"hi",true];
在JSON中,可以采用同样的语法表示同一个数组:
[25,"hi",true]
把数组和对象结合起来,可以构成更复杂的数据集合:
[
{
"title" : "Professional JavaScript",
"authors" : [
"Nicholas C. Zakas"
],
edition : 3,
year : 2011
},
{
"title" : "Professional JavaScript",
"authors" : [
"Nicholas c. Zakas"
],
edition : 2.
year : 2009
},
]
对象和数组通常是JSON数据结构的最外层形式。
二、序列化选项
stringify( )和parse( )
stringify( )接收两个参数:第一个参数可以是一个数组也可以是一个函数;第二个参数是一个选项,表示是否在JSON字符串中保留缩进。
1.过滤结果:
如果过滤器参数是数组,那么JSON.stringify( )的结果中将只包含数组中列出的属性。例如:
var book = {
[
{
"title" : "Professional JavaScript",
"authors" : [
"Nicholas C. Zakas"
],
edition : 3,
year : 2011
},
]
};
var jsonText = JSON.stringify( book ,["title" , "edition"] );
JSON.stringify( )的第二个参数是一个数组,其中包含两个字符串:"title"和"edition"。因此返回的数据就只会包含这两个属性:{"title":"Professional JavaScript","edition:3"}
2.字符缩进
JSON.stringify( )的第三个参数用于控制结果中的缩进和空白符。例如,要在每个级别缩进4个空格,可以这样写代码:
var book={
"title" : "Professional JavaScript",
"authors" : [
"Nicholas C. Zakas"
],
edition : 3,
year : 2011
};
var jsonText = JSON.stringify(book,null,4);
保存在jsonText中的字符串如下所示:
{
"title":"Professional JavaScript",
"authors":[
"Nicholas C. Zakas"
],
"edition":3,
"year":2011
}
3.toJSON( )方法
可以为任意对象添加toJSON( )方法,比如:
var book={
"title" : "Professional JavaScript",
"authors" : [
"Nicholas C. Zakas"
],
edition : 3,
year : 2011
toJSON : function( ){
return this.title;
}
};
var jsonText = JSON.stringify(book);
JS复习:第二十章的更多相关文章
- JS复习--更新结束
js复习-01---03 一 JS简介 1,文档对象模型 2,浏览器对象模型 二 在HTML中使用JS 1,在html中使用<script></script>标签 2,引入外部 ...
- JavaScript高级程序设计:第二十章
第二十章 一.语法 JSON的语法可以表示以下三种类型的值: (1)简单值 (2)对象 JSON的对象与javascript字面量有一些不同.例如,在javascript中,前面的对象字面量可以写成下 ...
- 第二十章 Django数据库实战
第二十章 Django数据库实战 第一课 获取单表单数据的三种方式: urls.py中的路由代码: path('busniess',views.busniess), views.py中代码: def ...
- Gradle 1.12翻译——第二十章. 构建环境
有关其他已翻译的章节请关注Github上的项目:https://github.com/msdx/gradledoc/tree/1.12,或访问:http://gradledoc.qiniudn.com ...
- “全栈2019”Java多线程第二十章:同步方法产生死锁的例子
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java多 ...
- “全栈2019”Java异常第二十章:自定义异常详解
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java异 ...
- “全栈2019”Java第二十章:按位与、按位或、异或、反码、位运算
难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...
- 2017.3.14 activiti实战--第二十章--REST服务
学习资料:<Activiti实战> 第二十章 REST服务 20.1 通信协议概述 略. 20.2 REST API概述 资源分类 资源基础URI 说明 Deployments manag ...
- python 教程 第二十章、 数据库编程
第二十章. 数据库编程 环境设置 1).安装MySQL-python http://www.lfd.uci.edu/~gohlke/pythonlibs/ MySQL-python-1.2.3.win ...
- 20190920 On Java8 第二十章 泛型
第二十章 泛型 多态的泛化机制: 将方法的参数类型设为基类: 方法以接口而不是类作为参数: 使用泛型: 泛型实现了参数化类型 简单泛型 Java 泛型的核心概念:你只需告诉编译器要使用什么类型,剩下的 ...
随机推荐
- C#字符串和16进制转换
public static string StrToHex(string mStr) //返回处理后的十六进制字符串 { return BitConverter.ToString( ASCIIEnco ...
- mysql 5.5 mysqldump备份原理
开启general_log日志,获取mysqldump执行语句 show VARIABLES like 'general_log%' set GLOBAL general_log=on 执行备份命令 ...
- RelativeLayout各个属性
android:layout_above="@id/xxx" --将控件置于给定ID控件之上 android:layout_below="@id/xxx" ...
- Ubuntu创建、删除文件与目录
"~"代表了用户主目录,即/home/帐户名.所以"/home/jv/下载"="~/下载" 创建文件和目录(文件夹) touch filen ...
- git submodule相关操作
$ cd 项目目录 // 初始化 $ git init $ git submodule add https://github.com/XXXX // 普通更新 $ git submodule upda ...
- MAC OS U 盘制作与安装方法
伴随着 iMac 5K Retina 和新的 Mac mini 等硬件的发布,苹果终于都推出了 OS X Yosemite 系统正式版了!相信很多人都已经用上.不过对于一些不想升级,而是打算「全新安装 ...
- moodle其他代码
, $sectionnum=false, $strictness=IGNORE_MISSING):给课程模块一个id,找出coursemoudle的描述 get_coursemodule_from_i ...
- c++ 随手记
强类型的理解 先定义一些基础概念 Program Errors trapped errors.导致程序终止执行,如除0,Java中数组越界访问 untrapped errors. 出错后继续执行,但可 ...
- IOS多线程加锁
注意:加锁位置不同产生结果不同 -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event { / ...
- @ResponseBody注解与JSON
MappingJacksonHttpMessageConverter 调用了 objectMapper.writeValue(OutputStream stream, Object)方法,使用@Res ...