JavaScript学习之JSON常用方法
2018-02-15 05:45
316 查看
javascript中JSON语法有三种表示方法:
* 简单值 "hello json"* 对象 {"name":"jack"}
* 数组 [{"aaa":"bbb"},{"ccc":"ddd"}]
JSON常用的两个方法:
1.stringify()
2.parse()
*stringify用法:
用法一: 把javascript对象转化成JSON格式:
用法二:把javascript对象转化成JSON格式,增加过滤,只留想要的数据
var demo = { "name":"aaa", "sex":"boy", "age": 20 } var jsonDemo = JSON.stringify(demo,["name"]); console.log(jsonDemo);
得到结果:
{"name":"aaa"}用法三:把javascript对象转化成JSON格式,并改变原有的值var demo = {
"name":"aaa", "sex":"bbb", "type":"ccc" } var jsonDemo = JSON.stringify(demo,function (key, value) { switch(key){ case "name": return "a"; case "sex": return "b"; default: return value; } }); console.log(jsonDemo);得到结果:
{"name":"a","sex":"b","type":"ccc"}用法四:把javascript对象转化成JSON格式,并控制缩进和空白符var book = {
"title": "aaa", "type": "bbb", "page": 50 } var jsonBook = JSON.stringify(book,null,"$$"); console.log(jsonBook);
得到结果:
{ $$"title": "aaa", $$"type": "bbb", $$"page": 50 }该方法第三个参数如果为数字,那么就是每个属性前面缩进的字符数。 *parse()方法
用法一:把JSON转化成javascript格式, 用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。
var book = '{"title":"aaa", "type":"bbb", "page":"50"}'; var demo = JSON.parse(book); console.log(demo);得到结果:
demo.html:11 {title: "aaa", type: "bbb", page: "50"}用法二:把JSON转化为javascript过程中,改变原有的值
var book = '{"title":"aaa", "type":"bbb", "page":50}';
var demo = JSON.stringify(book); var javascriptDemo = JSON.parse(demo, function (key, value) { switch (key) { case "title": return "bbbbbb"; default: return value; } }); console.log(javascriptDemo);得到结果:
{"title":"aaa", "type":"bbb", "page":50}以上是今天介绍的JSON语法和方法
相关文章推荐
- javascript学习笔记—DOM常用API、属性、方法、函数
- javascript学习(三)——常用方法(1)
- javascript面向对象学习笔记(四)——常用方法/属性
- JavaScript 深入学习及常用工具方法整理 ---- 01.浮点数
- javascript学习之数组(12)—— 数组 常用方法
- 【前端学习笔记】原生Javascript中通过JSONP(前端常用方法)进行跨域
- javascript学习(三)——常用方法(2)
- javascript学习之日期 字符串(19)—— 字符串 常用方法(下)
- JavaScript学习笔记之history常用方法
- javascript学习之日期 字符串(17)—— 字符串 常用方法(上)
- javascript 学习 第15天 常用数组方法
- ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面,各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目
- javascript学习(三)——常用方法(2)
- javascript Array数组常用方法学习与总结
- javascript学习之日期 字符串(15)—— 时间和日期 常用方法
- JavaScript学习笔记之Date的常用方法
- javascript 学习手笔 常用方法 属性
- javascript学习之日期 字符串(18)—— 字符串 常用方法(中)
- 黑马程序员_学习日记73_725ASP.NET(禁用Cookie、ASP.NET中的重要对象、JavaScript实现AJAX、两种Json格式的序列化方法、JQuery中实现ajax的五种方法)
- JavaScript学习笔记 - 入门篇(2)- 常用互动方法