JavaScript高级编程———JSON

< script >
/*JSON的语法可以表达一下三种类型的值
简单值:使用与javas相同的语法,可以在JSON中表达字符串、数值、布尔值和null,但JSON不支持javascript中的特殊值undefined
对象:对象作为一种复杂数据类型,表示的是一组无序的键值对,而每个键值对中的值可以是简单值,也可以是复杂数据类型的值
数组: 数组也是一种复杂数据类型,表示一组有序的值的列表,可以通过数值索引来访问其中的值,数值的值也可以是任意类型——简单值、对象、数组
*/
//javascript中的对象字面量
var person = {
name: "Nicholas",
age:
};
//JSON的对象字面量,其次JSON的末尾是没有分号,对象属性必须加双引号,这是JSON中是必需的,属性的值可以是简单值,也可以是复杂类型值
var object = {
"name": "Nicholas",
"age": ,
"school": {
"name": "Merrimack College",
"location": "North Andover, MA"
}, };
/*数组:JSON中的第二种复杂数据类型是数组,JSON数组采用的就是JavaScript中的数组字面量形式*/
//javascript中的数组字面量
var values = [, "hi", true]; //JSON的数组也没有变量和分号,把数组和对象结合起来,可以构成更复杂的数据集合
[{
"title": "Professional JavaScript",
"authors": ["Nicholas C. Zakas"],
"edition": ,
"year":
},
{
"title": "Professional JavaScript",
"authors": ["Nicholas C. Zakas"],
"edition": ,
"year":
},
{
"title": "Professional Ajax",
"authors": ["Nicholas C. Zakas", "Jeremy McPeak", "Joe Fawcett"],
"edition": ,
"year":
},
{
"title": "Professional Ajax",
"authors": ["Nicholas C. Zakas", "Jeremy McPeak", "Joe Fawcett"],
"edition": ,
"year":
},
{
"title": "Professional JavaScript",
"authors": ["Nicholas C. Zakas"],
"edition": ,
"year":
}] /*早期JSON对象基本上市javascript的eval()函数
JSON对象有两个方法:stringify()、parse,在最简单的情况下,这两个方法分别用于
把javascript对象序列化为JSON字符串和把JSON字符串解析为原生javascript值
*/
var book = {
title: "Professional Javascript",
authors: ["Nicholas"],
edition: ,
year: ,
//toJSON: function () {
// return this.title;
//},
releaseDate: new Date(, , )
};
//使用JSON.stringify()将一个javascript对象序列化为一个JSON字符串,然后将它保存在jsonText中
var jsonText = JSON.stringify(book);
//将JSON字符串直接传递给JSON.parse()就可以得到相应的javascript值
var jsonParse = JSON.parse(jsonText);
console.log(jsonText);
console.log(jsonParse); /*序列化选项:实际上,JSON.stringify()除了序列化的javascript对象外,还可以接收另外两个参数,
这两个参数用于指定以不同的方式序列化javascript对象,第一个参数是过滤器,可以是一个数组,
也可以是一个函数,第二个参数是一个选项,表示是否在JSON字符串中保留缩进
*/ //过滤结果(这个属性与将要序列化的对象中的属性是对应的,因此在返回的结果字符串中,就只会包含这两个属性)
var jsonT = JSON.stringify(book, ["title", "edition"]);
console.log(jsonT);
//如果键为 "year" ,则将其值设置为 5000 ;如果键为 "edition" ,通过返回 undefined 删除该属性。
//最后,一定要提供 default 项,此时返回传入的值,以便其他值都能正常出现在结果中
var jsontarget = JSON.stringify(book,
function(key, value) {
switch (key) {
case "authors":
return value.join(",")
case "year":
return ;
case "edition":
return undefined;
default:
return value;
}
});
console.log(jsontarget); //字符串缩进:JSON.stringify()方法的第三个参数用于空值结果中的缩进和空白符,如果这个参数是一个值,那它表示的是每个级别缩进的空格数
var jsontrim = JSON.stringify(book, null, );
console.log(jsontrim); /*toJSON() 方法可以将 Date 对象转换为字符串,并格式化为 JSON 数据格式。JSON 数据用同样的格式就像x ISO-8601 标准: YYYY-MM-DDTHH:mm:ss.sssZ
如果存在 toJSON() 方法而且能通过它取得有效的值,则调用该方法。否则,返回对象本身
*/ /*解析选项 先是为 book 对象新增了一个 releaseDate 属性,该属性保存着一个 Date 对象。
这个对象在经过序列化之后变成了有效的 JSON 字符串,然后经过解析又在 bookCopy 中还原为一个 Date对象。
还原函数在遇到 "releaseDate" 键时,会基于相应的值创建一个新的 Date 对象。
结果就是bookCopy.releaseDate 属性中会保存一个 Date 对象。正因为如此,才能基于这个对象调用getFullYear() 方法。
*/
var bookCopy = JSON.parse(jsonText,
function(key, value) {
if (key == "releaseDate") {
return new Date(value);
} else {
return value;
}
});
alert(bookCopy.releaseDate.getFullYear());
< /script>/

  

JavaScript高级编程———JSON的更多相关文章

  1. javascript高级编程笔记01(基本概念)

    1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选, ...

  2. JavaScript高级编程———基本包装类型String和单体内置对象Math

    JavaScript高级编程———基本包装类型和单体内置对象 <script> var stringObject = new String("hello world") ...

  3. JavaScript高级编程——Date类型

    JavaScript高级编程——Date类型 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  4. JavaScript高级编程——Array数组迭代(every()、filter()、foreach()、map()、some(),归并(reduce() 和reduceRight() ))

    JavaScript高级编程——Array数组迭代(every().filter().foreach().map().some(),归并(reduce() 和reduceRight() )) < ...

  5. JavaScript高级编程——引用类型、Array数组使用、栈方法

    JavaScript高级编程——引用类型.Array数组使用.栈方法 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999 ...

  6. JavaScript高级编程———数据存储(cookie、WebStorage)

    JavaScript高级编程———数据存储(cookie.WebStorage) <script> /*Cookie 读写删 CookieUtil.get()方法根据cookie的名称获取 ...

  7. JavaScript高级编程(一)

    书中第2章,在HTML中使用JavaScript摘要总结 2.1 <script>元素 <script>中的5个属性:charset:可选.表示通过src属性指定的代码的字符集 ...

  8. JavaScript高级编程 (1) - javscript是什么

    <重温javascript>这是一系列 javascript 的学习笔记,部分内容摘自书本或者网络,我这里只是基于自己的理解进行了梳理整理. 一个完整的 javscript 实现是由以下3 ...

  9. JavaScript高级编程II

         原文地址: http://www.onlamp.com/pub/a/onlamp/2007/08/23/advanced-javascript-ii.html?page=1 在前面的文章中, ...

随机推荐

  1. Android逆向进阶—— 脱壳的奥义(基ART模式下的dump)

    本文作者:i春秋作家HAI_ZHU 0×00 前言 市面上的资料大多都是基于Dalvik模式的dump,所以这此准备搞一个ART模式下的dump.HAI_的使用手册(各种好东西) Dalvik模式是A ...

  2. underscore.js源码研究(6)

    概述 很早就想研究underscore源码了,虽然underscore.js这个库有些过时了,但是我还是想学习一下库的架构,函数式编程以及常用方法的编写这些方面的内容,又恰好没什么其它要研究的了,所以 ...

  3. Redis---ZipList(压缩列表)

    1.概述 压缩列表是一块连续的内存空间,元素之间紧挨着存储,没有任何冗余空间. Redis 为了节约内存空间使用,zset 和 hash 容器对象在元素个数较少的时候,采用压缩列表 (ziplist) ...

  4. Doxygen的使用,配置及实例

    Doxygen是一种开源跨平台的,以类似JavaDoc风格描述的文档系统,可以从一套归档源文件开始,生成文档 下载Doxygen + Graphviz Doxygen可以生成动态文档 Graphviz ...

  5. linux服务器的相关信息查看(端口占用,cpu、内存占用,防火墙,系统信息,vim编辑器使用等)

    一.端口占用情况   https://www.cnblogs.com/CEO-H/p/7794306.html (1)查看所有端口.进程的使用情况:netstat -tunlp (2)查看某一端口的使 ...

  6. 文件压缩小项目haffman压缩

    文件压缩的原理: 文件压缩总体可以分为有损压缩和无损压缩两类,有损压缩是指对mp3等格式的文件,忽略一些无关紧要的信息,只保留一些关键的信息,但并不因此影响用户对于这些mp3格式文件的体验度,无损压缩 ...

  7. POJ 2782

    #include <iostream> #include <algorithm> #define MAXN 100005 using namespace std; int _m ...

  8. Vue.js项目引入less文件报错解决

    解决方案: 需要局部安装vue-style-loader,less-loader,css-loader,vue-loader和less包(需注意就算全局安装以上包仍需局部安装) 即:npm i vue ...

  9. java学习--高效的除模取余运算(n-1)&hash

    没有测试过使用取余运算符和位运算符都做同一件事时的时间效率! 取余运算符% 如3除以2取余数 a = a%; 结果为1 上面是传统的方式进行求余运算. 需要先将10进制转成2进制到内存中进行计算,然后 ...

  10. 利用Django构建web应用及其部署

    注:很久之前就有了学习Django的想法,最近终于有机会做了一次尝试.由于Django的详细教程很多,我在这里就不再详述了,只是将整个开发流程以及自己在学习Django中的一些思考记录在此. Syst ...