《JAVASCRIPT高级程序设计》JSON语法/解析/序列化
JSON是一种数据格式,不是一种编程语言。
一、语法
JSON语法可以表示以下三种类型的值:简单值、对象、数组。
1、简单值
最简单的JSON数据值就是简单值:
5 "hello world"
2、对象
JSON对象与JAVASCRIPT字面量有些不同,以下是javascript中的对象字面量:
// 表示方法1
var person = {
name:"Lillian",
age:24
};
// 表示方法2
var person1 = {
"name":"Lillian",
"age":24
};
JSON对象有两个不一样的地方,1)没有声明变量(JSON对象中没有变量的概念);2)没有末尾的分号;3)对象的属性必须加双引号
//json表示上述对象的方式
{
"name":"Lillian",
"age":24
}
{
"name":"Lillian",
"age":24,
"school":{
"name":"CQUPT",
"location":"ChongQing"
}
}
3、数组
JSON表示数组:
[25,"hi",true]
把对象和数组结合起来,可以表示复杂的数据结构:
[
{
"title": "professional javascript",
"author": [
"Matthew"
],
"edtion": 3,
"year": 2011
},
{
"title": "professional javascript",
"author": [
"Matthew"
],
"edtion": 4,
"year": 2012
},
{
"title": "professional javascript",
"author": [
"Matthew"
],
"edtion": 5,
"year": 2013
},
{
"title": "professional javascript",
"author": [
"Matthew"
],
"edtion": 6,
"year": 2014
},
{
"title": "professional javascript",
"author": [
"Matthew"
],
"edtion": 7,
"year": 2015
}
]
二、序列化选项
与XML数据结构要解析成DOM文档而且从中提取数据极为麻烦相比,JSON可以解析为JAVASCRIPT的优势及其明显。
1、JSON对象
// JSON对象有两个方法,分别用于把Javascript对象序列化成json字符串和把json字符串解析为原生javascript值
var book = {
title:"professional javascript",
authors:[
"Matthew"
],
edition:3,
year:2016
};
// 序列化成字符串
var jsonText= JSON.stringify(book);
alert(jsonText);
// 创建json对象
var bookCopy = JSON.parse(jsonText);
alert(bookCopy);
2、过滤结果和缩进
JSON.stringify()除了要序列化的javascript对象外,还可以接受另外两个参数:第一个参数是一个过滤器,可以是一个数组,也可以是一个函数;第二个参数是一个选项,表示是否在JSON字符串中保留缩进。
// exampl1: 过滤器是数组
var book = {
title:"professional javascript",
authors:[
"Matthew",
"Lillian"
],
edition:3,
year:2016
};
var jsonText = JSON.stringify(book, ["title","edition"]);
// example2:过滤器是函数
var jsonText2 = JSON.stringify(book, function(key, value){
switch(key){
case "authors":
return value.join(",");
case "edition":
return undefined; //相当于去掉
case "year":
return 5000;
default:
return value; //相当于保留原值
}
});
// example3: 第三个参数表示每个级别缩进的空格数
var jsonText3 = JSON.stringify(book, null,8);
// example4: 第三个参数是非数值,则在JSON字符串中被用作缩进字符
var jsonText4 = JSON.stringify(book, null,"A");
3、toJSON方法
toJSON可以作为函数过滤器的补充,如果存在toJSON方法而且能够通过它取得有效值,那么调用该方法;否则,按默认顺序执行序列化
// 可以为任何对象添加toJSON方法
// 如果存在toJSON方法而且能够通过它取得有效值,那么调用该方法;否则,按默认顺序执行序列化
var book = {
title:"professional javascript",
authors:[
"Matthew",
"Lillian"
],
edition:3,
year:2016,
toJSON:function(){
return this.title;
}
};
var jsonText = JSON.stringify(book);
三、解析选项
JSON.stringify()可以接受两个参数,第二个参数如果是一个函数,将在每个键值对上调用:
var book = {
title:"professional javascript",
authors:[
"Matthew",
"Lillian"
],
edition:3,
year:2016,
// 调用JSON.stringify会解析每一个选项,因此以下的date对象也会被解析成字符串
releaseDate:new Date(2016,8,13)
};
var jsonText = JSON.stringify(book);
var bookCopy = JSON.parse(jsonText, function(key, value){
// 被还原成了Date对象
if(key == "releaseDate"){
return new Date(value);
}else{
return value;
}
});
// releaseDate被还原成了对象,因此可以调用getFullYear()方法
alert(bookCopy.releaseDate.getFullYear());
《JAVASCRIPT高级程序设计》JSON语法/解析/序列化的更多相关文章
- 读书笔记(01) - JSON - JavaScript高级程序设计
JSON与JavaScript对象 JSON是一种表示结构化数据的存储格式,语法格式上与JavasScript对象有些类似. TIPS: 与JavaScript对象的格式区别 不支持变量.函数或对象实 ...
- 读书笔记(06) - 语法基础 - JavaScript高级程序设计
写在开头 本篇是小红书笔记的第六篇,也许你会奇怪第六篇笔记才写语法基础,笔者是不是穿越了. 答案当然是没有,笔者在此分享自己的阅读心得,不少人翻书都是从头开始,结果永远就只在前几章. 对此,笔者换了随 ...
- JavaScript高级程序设计第三版.CHM【带实例】
从驱动全球商业.贸易及管理领域不计其数的复杂应用程序的角度来看,说 JavaScript 已经成为当今世界上最流行的编程语言一点儿都不为过. JavaScript 是一种非常松散的面向对象语言,也是 ...
- JavaScript高级程序设计(第4版)知识点总结
介绍 JavaScript高级程序设计 第四版,在第三版的基础上添加了ES6相关的内容.如let.const关键字,Fetch API.工作者线程.模块.Promise 等.适合具有一定编程经验的 W ...
- 《JavaScript高级程序设计》学习笔记
系统学习JS, 从<JavaScript高级程序设计>入门,通过学习jQuery或者angularJS源码来进阶. 第1章 JavaScript简介 1.JS问世的目的是处理以前由服务器端 ...
- JavaScript高级程序设计(第三版)学习笔记20、21、23章
第20章,JSON JSON(JavaScript Object Notation,JavaScript对象表示法),是JavaScript的一个严格的子集. JSON可表示一下三种类型值: 简单值: ...
- JavaScript高级编程———JSON
JavaScript高级编程———JSON < script > /*JSON的语法可以表达一下三种类型的值 简单值:使用与javas相同的语法,可以在JSON中表达字符串.数值.布尔值和 ...
- javascript高级程序设计学习笔记
javascript高级程序设计,当枕头书已经好久了~zz 现在觉得自己在js的开发上遇到了一些瓶颈,归根究底还是基础太薄弱,所以重新刷一遍js高程希望有更新的认识. 一.javascript简介 ...
- <JavaScript>如何阅读《JavaScript高级程序设计》(一)
题外话 最近在看<JavaScript高级程序设计>这本书,面对着700多页的厚书籍,心里有点压力,所以我决定梳理一下..探究一下到底怎么读这本书.本书的内容好像只有到ES5...所以只能 ...
随机推荐
- vector与ArrayList、hashmap与hashtable区别
一.vector与ArrayList区别 首先要说明的是vector和arraylist都是list的实现类,都是代表链表的数据结构. java.util.Vector; 类中 pa ...
- SecureCRT 密钥生成 SSH 使用密钥登陆 服务器
1.首先“Tool”-“Create Public Key” 2. 选择RSA 模式 4. 创建短语密码 5. 密钥长度为1024 6. 选择标准的 key , 下面是生成的路径 二 . 配置 SS ...
- iOS开发者需要的5款排版工具
Attributed String Creator Attributed String Creator可以从你的格式化文本中自动生成原生的Objective-C代码.你可以将文本写入.粘贴或者导入At ...
- OSX下编译安装opencv3.1.0与opencv_contrib_master
OSX版本10.11.3 1.安装homebrew,打开终端,写入指令 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Hom ...
- android测试之——mokeyrunner上(二)
以下是本人原创,如若转载和使用请注明转载地址.本博客信息切勿用于商业,可以个人使用,若喜欢我的博客,请关注我,谢谢!博客地址 感谢您支持我的博客,我的动力是您的支持和关注!如若转载和使用请注明转载地址 ...
- 左偏树初步 bzoj2809 & bzoj4003
看着百度文库学习了一个. 总的来说,左偏树这个可并堆满足 堆的性质 和 左偏 性质. bzoj2809: [Apio2012]dispatching 把每个忍者先放到节点上,然后从下往上合并,假设到了 ...
- Android.mk文件详解(转)
源:Android.mk文件详解 从对Makefile一无所知开始,折腾了一个多星期,终于对Android.mk有了一个全面些的了解.了解了标准的Makefile后,发现Android.mk其实是把真 ...
- awk程序设计语言之-awk基础
awk程序设计语言之-awk基础 http://man.linuxde.net/ 常用工具命令之awk命令 awk是一种编程语言,用于在Linux/Unix下对文本和数据处理.数据可以来自标准输入(s ...
- Map笔记
Map,是一个接口,是以键值对的方式存储的,并且键是无序且不可重复的.Map和Collection没有什么关系,Map是一对一对的存,而Collection是一个一个的存. 下面有一个子接口:Sort ...
- ECSHOP中ajax的调用原理
ECSHOP中ajax的调用原理 ecshop中ajax的调用原理. 1.首先ecshop是如何定义ajax对象的. ecshop中的ajax对象是在js/transport.js文件中定义的.里面是 ...