js原生JSON学习笔记
2013-08-05 20:13
344 查看
json 是一种数据格式,不是编程语言
json不支持undefined
json字符串必须用双引号
json 对象要给属性加引号
没有末尾分号
json数组没有变量和分号
JSON.stringify-接收两个参数,第一个是过滤器,为数组 or 函数; 第二个是缩进量;
key--属性名;value--属性值
通过设置undefined 删除属性
字符串缩进 最多10,若为字符最多十个字符
toJSON方法 可以为任何对象添加toJSON()方法
原生Date对象有toJSON()方法,返回ISO 8601日期字符串 与 toISOString()结果一样
序列化顺序
1.存在toJSON(),调用,否则,按顺序序列化;
2.如果提供第二个参数,对第一步返回的结果过滤;
3.对第二步的结果序列化;
4.如果存在三个参数,相应格式化;
还原函数
原生JSON支持的浏览器为 IE8+、Firefox 3.5+ 、Safari 4+、Opera 10.5 and Chrome
json不支持undefined
json字符串必须用双引号
json 对象要给属性加引号
没有末尾分号
json数组没有变量和分号
var person = { name : ''''''''zhangsan'''''''', age : ''''''''29'''''''', school : { name : ''''''''xiaoxue'''''''', location : ''''''''shenzhen'''''''' } }; var personJson = JSON.stringify(person); // "{"name":"zhangsan","age":"29","school":{"name":"xiaoxue","location":"shenzhen"}}" JSON.parse(personJson); //Object {name: "zhangsan", age: "29", school: Object}
JSON.stringify-接收两个参数,第一个是过滤器,为数组 or 函数; 第二个是缩进量;
var person = { name : ''''''''zhangsan'''''''', age : ''''''''29'''''''', school : { name : ''''''''xiaoxue'''''''', location : ''''''''shenzhen'''''''' } }; JSON.stringify(person,[''''''''name'''''''',''''''''age'''''''']); //"{"name":"zhangsan","age":"29"}"
key--属性名;value--属性值
JSON.stringify( person, function( key, value ){ switch( key ){ case "name" : return value + '''''''' man''''''''; default : return value; } });//"{"name":"zhangsan man","age":"29","school":{"name":"xiaoxue man","location":"shenzhen"}}"
通过设置undefined 删除属性
JSON.stringify( person, function( key, value ){ if( key == ''''''''name'''''''' ) return undefined; else return value; });//"{"age":"29","school":{"location":"shenzhen"}}"
字符串缩进 最多10,若为字符最多十个字符
JSON.stringify( person, null, 4); // "{ // "name": "zhangsan", // "age": "29", // "school": { // "name": "xiaoxue", // "location": "shenzhen" // } // }"
JSON.stringify( person, null, "--"); // "{ // --"name": "zhangsan", // --"age": "29", // --"school": { // ----"name": "xiaoxue", // ----"location": "shenzhen" // --} // }"
toJSON方法 可以为任何对象添加toJSON()方法
原生Date对象有toJSON()方法,返回ISO 8601日期字符串 与 toISOString()结果一样
var day = new Date(); day.toJSON(); //"2013-05-26T12:42:24.619Z"
var person = { name : ''''''''zhangsan'''''''', age : ''''''''29'''''''', school : { name : ''''''''xiaoxue'''''''', location : ''''''''shenzhen'''''''' }, toJSON : function(){ return this.name; } }; JSON.stringify( person ); //""zhangsan""
序列化顺序
1.存在toJSON(),调用,否则,按顺序序列化;
2.如果提供第二个参数,对第一步返回的结果过滤;
3.对第二步的结果序列化;
4.如果存在三个参数,相应格式化;
还原函数
var personJson = JSON.stringify(person); JSON.parse(personJson, function( key, value ){ if( key == "name" ) return value + '''''''' back''''''''; else return value; }); //Object {name: "zhangsan back", age: "29", school: Object}
原生JSON支持的浏览器为 IE8+、Firefox 3.5+ 、Safari 4+、Opera 10.5 and Chrome
相关文章推荐
- 原生js学习笔记(一)
- 安卓学习笔记之原生Json
- JS学习笔记(3)--json格式数据的添加,删除及排序方法
- 原生JS实例练习——控制div属性—— JS学习笔记2015-8-4(第93天)
- 【JavaEE学习笔记】JSON解析_原生JSON,GSON,FastJSON
- jQuery学习笔记(一) 原生js写法
- javascript学习笔记--js对html对象的原生操作
- 原生js学习笔记——Ajax基础
- HTML5独家分享:原生JS学习笔记2——程序流程控制
- JS,JSON,NodeJS学习笔记
- JS学习笔记 —— 原生Ajax总结
- 关于原生js中ajax部分的学习笔记
- vue.js学习笔记:如何加载本地json文件
- JS-学习笔记:原生JS实现轮播图
- 原生js学习笔记(七)
- 【JavaEE】javaEE学习笔记之Js原生Ajax和jQuery 的Ajax
- Node.js学习笔记(8、配置文件package.json)
- 原生js学习笔记(六)
- 【学习】原生js学习笔记1:添加class和使input为不可用
- 原生JS学习笔记3——数组