JSON

最新推荐文章于 2019-05-21 16:40:58 发布
最新推荐文章于 2019-05-21 16:40:58 发布
阅读量57 收藏
点赞数
文章标签： json javascript java ViewUI
原文链接：http://www.cnblogs.com/Longhua-0/p/9311804.html
版权

JSON.stringify(obj,[] / function,'  ');

注解：1.仅当第一个参数为对象时，第二参数才有效。2.[]内值为对象的key（属性名或键）。

 

每个JSON对象，就是一个值。要么是简单类型的值，要么是复合类型的值。

  1. 复合类型的值只能是数组或对象.

  2. 简单类型的值只有四种：字符串、数值（十进制表示）、布尔值和null。

  3. 字符串必须使用双引号表示，不能使用单引号。

  4. 对象的键名必须放在双引号里面。

  5. 数组或对象最后一个成员的后面，不能加逗号。

 

JSON.stringify       

说明：将一个值转为字符串

?
1
2
3
4
JSON.stringify(1) // "1"
JSON.stringify( false ) // "false"
JSON.stringify([]) // "[]"
JSON.stringify({}) // "{}"

 

第二参数：

JSON.stringify方法还可以接受一个数组，作为第二个参数，指定需要转成字符串的属性。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
例1：属性
var obj = {
   'prop1' : 'value1' ,
   'prop2' : 'value2' ,
   'prop3' : 'value3'
};
 
var selectedProperties = [ 'prop1' , 'prop2' ];
 
JSON.stringify(obj, selectedProperties)     // "{"prop1":"value1","prop2":"value2"}"
 
 
例2：只对对象的属性有效，对数组无效。
JSON.stringify([ 'a' , 'b' ], [ '0' ])
// "["a","b"]"
 
JSON.stringify({0: 'a' , 1: 'b' }, [ '0' ])
// "{"0":"a"}"
 
 
例3：第二个参数还可以是一个函数，用来更改JSON.stringify的默认行为。
 
function f(key, value) {
   if ( typeof value === "number" ) {
     value = 2 * value;
   }
   return value;
}
 
JSON.stringify({ a: 1, b: 2 }, f)     // '{"a": 2,"b": 4}'
/*f函数，接受两个参数，分别是被转换的对象的键名和键值。*/

　　

第三参数：

说明：用于增加返回的JSON字符串的可读性。如果是数字，每个属性前面添加的空格不超过10个;如果是字符串(不超过10个);该字符串会添加在每行前面。

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
JSON.stringify({ p1: 1, p2: 2 }, null , 2);
/*
"{
   "p1": 1,
   "p2": 2
}"
*/
 
JSON.stringify({ p1:1, p2:2 }, null , '|-' );
/*
"{
|-"p1": 1,
|-"p2": 2
}"
*/

　　

toJSON 方法

如果对象有自定义的toJSON方法，那么JSON.stringify会使用这个方法的返回值作为参数，而忽略原对象的其他属性。

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
例一：
 
var user = {
   firstName: '三' ,
   lastName: '张' ,
 
   get fullName(){
     return this .lastName + this .firstName;
   },
 
   toJSON: function () {
     var data = {
       firstName: this .firstName,
       lastName: this .lastName
     };
     return data;
   }
};
 
JSON.stringify(user)
// "{"firstName":"三","lastName":"张"}"
 
例二：JSON.stringify一旦发现处理的是data对象实例，就会自动调用这个实例对象的toJSON方法，将该方法的返回值作为参数。
 
var date = new Date( '2015-01-01' );
date.toJSON() // "2015-01-01T00:00:00.000Z"
JSON.stringify(date) // ""2015-01-01T00:00:00.000Z""
 
例三：将正则对象自动转为字符串。设置了toJSON方法以后，就可以转换正则对象了。
 
var obj = {
   reg: /foo/
};
 
// 不设置 toJSON 方法时
JSON.stringify(obj) // "{"reg":{}}"
 
// 设置 toJSON 方法时
RegExp.prototype.toJSON = RegExp.prototype.toString;
JSON.stringify(/foo/) // ""/foo/""

　　

 

JSON.parse方法用于将JSON字符串转化成对象。

 

 

?
1
2
3
4
5
JSON.parse( '{}' ) // {}
JSON.parse( 'true' ) // true
JSON.parse( '"foo"' ) // "foo"
JSON.parse( '[1, 5, "false"]' ) // [1, 5, "false"]
JSON.parse( 'null' ) // null

　　

JSON.parse方法可以接受一个处理函数

?
1
2
3
4
5
6
7
8
9
10
11
12
function f(key, value) {
   if (key === '' ){
     return value;
   }
   if (key === 'a' ) {
     return value + 10;
   }
}
 
var o = JSON.parse( '{"a":1,"b":2}' , f);
o.a // 11
o.b // undefined

　　

 ↑↑看不懂

 

https://www.w3cschool.cn/javascript_guide/javascript_guide-l1232690.html

 

JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。

在JSON出现之前，大家一直用XML来传递数据。因为XML是一种纯文本格式，所以它适合在网络上交换数据。XML本身不算复杂，但是，加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后，任何正常的软件开发人员碰到XML都会感觉头大了，最后大家发现，即使你努力钻研几个月，也未必搞得清楚XML的规范。

终于，在2002年的一天，道格拉斯·克罗克福特（Douglas Crockford）同学为了拯救深陷水深火热同时又被某几个巨型软件企业长期愚弄的软件工程师，发明了JSON这种超轻量级的数据交换格式。

道格拉斯同学长期担任雅虎的高级架构师，自然钟情于JavaScript。他设计的JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：

  • number：和JavaScript的number完全一致；
  • boolean：就是JavaScript的true或false；
  • string：就是JavaScript的string；
  • null：就是JavaScript的null；
  • array：就是JavaScript的Array表示方式——[]；
  • object：就是JavaScript的{ ... }表示方式。

以及上面的任意组合。

并且，JSON还定死了字符集必须是UTF-8，表示多语言就没有问题了。为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。

由于JSON非常简单，很快就风靡Web世界，并且成为ECMA标准。几乎所有编程语言都有解析JSON的库，而在JavaScript中，我们可以直接使用JSON，因为JavaScript内置了JSON的解析。

把任何JavaScript对象变成JSON，就是把这个对象序列化成一个JSON格式的字符串，这样才能够通过网络传递给其他计算机。

如果我们收到一个JSON格式的字符串，只需要把它反序列化成一个JavaScript对象，就可以在JavaScript中直接使用这个对象了。

序列化

让我们先把小明这个对象序列化成JSON格式的字符串：

'use strict';

var xiaoming = {
    name: '小明',
    age: 14,
    gender: true,
    height: 1.65,
    grade: null,
    'middle-school': '\"W3C\" Middle School',
    skills: ['JavaScript', 'Java', 'Python', 'Lisp']
};
var s = JSON.stringify(xiaoming); console.log(s); Run
{"name":"小明","age":14,"gender":true,"height":1.65,"grade":null,"middle-school":"\"W3C\" Middle School","skills":["JavaScript","Java","Python","Lisp"]}

要输出得好看一些，可以加上参数，按缩进输出：

JSON.stringify(xiaoming, null, '  ');

结果：

{
  "name": "小明",
  "age": 14, "gender": true, "height": 1.65, "grade": null, "middle-school": "\"W3C\" Middle School", "skills": [ "JavaScript", "Java", "Python", "Lisp" ] }

第二个参数用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array：

JSON.stringify(xiaoming, ['name', 'skills'], '  ');

结果：

{
  "name": "小明",
  "skills": [ "JavaScript", "Java", "Python", "Lisp" ] }

还可以传入一个函数，这样对象的每个键值对都会被函数先处理：

function convert(key, value) {
    if (typeof value === 'string') { return value.toUpperCase(); } return value; } JSON.stringify(xiaoming, convert, ' ');

上面的代码把所有属性值都变成大写：

{
  "name": "小明",
  "age": 14, "gender": true, "height": 1.65, "grade": null, "middle-school": "\"W3C\" MIDDLE SCHOOL", "skills": [ "JAVASCRIPT", "JAVA", "PYTHON", "LISP" ] }

如果我们还想要精确控制如何序列化小明，可以给xiaoming定义一个toJSON()的方法，直接返回JSON应该序列化的数据：

var xiaoming = {
    name: '小明',
    age: 14,
    gender: true,
    height: 1.65, grade: null, 'middle-school': '\"W3C\" Middle School', skills: ['JavaScript', 'Java', 'Python', 'Lisp'], toJSON: function () { return { // 只输出name和age，并且改变了key： 'Name': this.name, 'Age': this.age }; } }; JSON.stringify(xiaoming); // '{"Name":"小明","Age":14}'

反序列化

拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：

JSON.parse('[1,2,3,true]'); // [1, 2, 3, true] JSON.parse('{"name":"小明","age":14}'); // Object {name: '小明', age: 14} JSON.parse('true'); // true JSON.parse('123.45'); // 123.45

JSON.parse()还可以接收一个函数，用来转换解析出的属性：

'use strict';
var obj = JSON.parse('{"name":"小明","age":14}', function (key, value) { if (key === 'name') { return value + '同学'; } return value; }); console.log(JSON.stringify(obj)); // {name: '小明同学', age: 14} Run
{"name":"小明同学","age":14}

在JavaScript中使用JSON，就是这么简单！

 

 

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499490767fe5a0e31e17e44b69dcd1196f7ec6fc6000

转载于:https://www.cnblogs.com/Longhua-0/p/9311804.html

weixin_34174322
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python 最常见的 170 道面试题解析：2019 最新
GitChat
06-03 5万+
Python 今年还是很火，不仅是编程语言排行榜前二，更成为互联网公司最火热的招聘职位之一。伴随而来的则是面试题目越来越全面和深入化。有的时候不是你不会，而是触及到你的工作边缘，并没有更多的使用，可是面试却需要了解。 所以我结合自己的面试经历以及各大厂的面试题库，准备了 170 道 2019 年最新的 Python 面试题解析，很多老旧的问题已经帮你剔除，直接看这份最新的即可。让你最短时间内掌握...
JavaScript学习笔记（20）JSON
俺要回家的博客
08-13 116
JSON  JSON是一种数据交换格式。有以下几种数据类型： number：和JavaScript的number完全一致 Boolean：true或者false string null array：——[ ] object: 就是JavaScript的{…}表示方式。 加上以上任意组合。 序列化 把小明这个对象序列化成JSON格式化的字符串： 'use strict'; var xiaomi...
Json反序列化
qq_15007601的博客
07-11 200
反序列化拿到一个JSON格式的字符串，我们直接用JSON.parse()把它变成一个JavaScript对象：但是注意的是，同样当你进行反序列化的时候，第一个参数为对象，第二个参数为函数时，也需要指定key值才能改变value值。如下：<script>var obj = JSON.parse('{"name":"小明","age":14}', function (key, value)...
JSON总结（以及前后端交互举例）
MyfishCake的博客
12-26 5730
一、JSON的语法规则 [ ] 表示数组； { }表示对象； 并列的数据之间用逗号（,）分隔； 映射（键值对）用冒号（:）表示； 6种类型 （对象、数组、字符串、数字、布尔值、null） 几种JSON格式举例如下： [“one”, “two”, “three”] //数组 { “one”: 1, “two”: 2, “three”: 3 }//对象，注意成员名称必须用双引号 {“n
Newtonsoft.Json.dll
03-11
**Newtonsoft.Json.dll详解** `Newtonsoft.Json.dll`是一个由James Newton-King 开发的流行的JSON库，专门用于.NET框架的开发。它在Unity引擎中广泛使用，因为Unity支持C#编程，而`Newtonsoft.Json`库提供了强大的...
labview JSON包
01-27
在这个"labview JSON包"中，我们关注的是如何在LabVIEW中处理JSON（JavaScript Object Notation）数据，这是一种轻量级的数据交换格式，广泛用于Web服务和跨平台通信。JSON因其简洁、易于读写和解析的特性，被很多...
nlohmann / json
01-05
《深入解析nlohmann/json库在C++中的应用》 nlohmann/json是C++领域中广泛使用的开源JSON（JavaScript Object Notation）解析库，由Niels Lohmann开发并维护，其源代码托管在GitHub上...
echarts 全国地图json数据
08-25
在这个“echarts全国地图json数据”中，我们主要讨论的是如何使用ECharts来展示中国地图，并结合JSON数据进行动态的、交互式的可视化。 首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于...
C#winform中读写json文件
01-02
在C# WinForm应用开发中，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于存储和传输数据。它易于人阅读和编写，同时也易于机器解析和生成。本篇文章将详细介绍如何在C# WinForm应用程序中...
所有的银行名称JSON数据
02-28
所有的银行名称JSON数据 { "bankId": "001", "bankName": "招商银行", "bankLogo": "icon_bank_zhaoshang" }, { "bankId": "002", "bankName": "中国工商银行", "bankLogo": "icon_bank_zhongguo_gongshang...
电视源json电视源json电视源json电视源json
09-29
电视源json
2024 中国所有城市 json
最新发布
05-11
2024 年统计用区划代码和城乡划分代码 json
fastjson解析0000-00-00T00:00:00.000000000+08:00日期报错，怎么解决？
weixin_44483069的博客
05-21 3554
fastjson解析代码： String dateJson = "{\"date\":\"2019-05-21T15:42:45.814483302+08:00\"}"; //String dateJson = "{\"date\":\"2019-05-21T15:42:45.814+08:00\"}"; Temp1 temp = JSONObject.parseObject(dateJso...
JSON学习及解析
Akk
01-02 2486
JSON:JavaScript对象表示法（JavaScript ObjectNotation）。是存储和交换文本信息的语法。类似 XML。这也是我们经常拿来和XML对比的原因。     在web中进行数据传输上相比XML，JSON有很大的优势，这得益于JSON是Javascript的原生格式，所谓原生格式就是使用时不需要引入任何组件和类库，就支持json格式，
json
weixin_30685047的博客
10-21 56
/**/<!doctype html><html><head><meta charset="utf-8"><title>JSON</title></head><body> <script> /* //json (JavaScript Object Notation ...
JSON与JSON Schema解析
"这篇资料主要关注JSON Schema，这是一种用于定义JSON数据结构的规范，以便验证JSON数据是否符合规范，确保数据的准确性和一致性。在培训资料中，它涵盖了JSON的基本概念、JSON Schema的使用以及JSON Schema ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值