JavaScript----json

一：json介绍

二：json特点

三：JSON 与 JS 对象的关系

四：JSON 和 JS 对象互转

五：具体JSON 与 JS 的转换实例

一：json介绍

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

二：json特点

1.JSON是一个标记符的序列。这套标记符包含六个构造字符、字符串、数字和三个字面名。

2.JSON 是存储和交换文本信息的语法，类似 XML。

3.JSON 比 XML 更小、更快，更易解析。

三：JSON 与 JS 对象的关系

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。如下

var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串

四：JSON 和 JS 对象互转

 <script>// JSON: JavaScript Object Notation(JavaScript 对象表示法)// JSON 是存储和交换文本信息的语法，类似 XML。// JSON 比 XML 更小、更快，更易解析。let person = {nickname: "浩楠",age: 19,gender: 1,};console.log(person);// JSON.stringify(对象名) 返回值为该对象的json格式字符串let json_text = JSON.stringify(person);console.log(json_text);// JSON.parse(json格式字符串) 返回值为JavaScript对象let json_obj = JSON.parse(json_text);console.log(json_obj);
</script>

五：具体JSON 与 JS 的转换实例

 // 服务器响应的json格式字符串let responseResult = '{"code":0,"msg":"","count":1000,"data":[{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68}]}';// 将服务器响应的json格式字符串解析完JavaScript对象let result = JSON.parse(responseResult);console.log(result);console.log(result.code);console.log(result.msg);console.log(result.count);console.log(result.data);result.data.forEach(element => {// console.log(element);// for in 遍历对象的属性 获取的是属性的名字 for (const fieldName in element) {// 对象名[属性名]获取的是该属性的值console.log(fieldName + ' >>> ' + element[fieldName]);}console.log('+++++++++++++++++++++++++++++++++++++++++');});

如图：

JavaScript----json相关推荐

javascript json和json字符串互转
javascript json和json字符串互转 <!DOCTYPE html> <html lang="en"><head><meta ...
数组转json去除首尾引号_诞生于JavaScript,json的前世今生
诞生于JavaScript,json的前世今生 json含义在开始之前,问个问题,什么是json? a:我猜它应该是某一门高深的技术(语重心长) b:json这个词为啥谷歌翻译?是啥新词语嘛?是不是 ...
Javascript JSON格式
Javascript JSON格式 1)什么是JSON(JavaScript Object Notation)? 是一种轻量级的数据交换格式是独立的语言 2)JSON 语法规则数据为键/值对 ...
kettle JavaScript JSON解析
kettle JavaScript JSON解析备注 String转Object var obj = JSON.parse(str) Object 转String var str = JSON.str ...
JavaScript 71 JavaScript JSON 71.9 JSON 服务器
JavaScript 文章目录 JavaScript 71 JavaScript JSON 71.9 JSON 服务器 71.9.1 发送 Data 71.9.2 接收 Data 71.9.3 来自服 ...
JavaScript JSON序列化和反序列化
文章目录 JavaScript JSON序列化和反序列化概述 JSON序列化 JSON.stringify() 仅一个参数使用使用2个参数使用3个参数其他自定义toJson 序列化顺序反序 ...
Javascript JSON 序列化和反序列化
前言 JavaScript内置了JSON的解析 JSON还定死了字符集必须是UTF-8,表示多语言就没有问题了. 为了统一解析,JSON的字符串规定必须用双引号"",Object的 ...
JavaScript JSON操作
JavaScript Object Notation 简称 JSON,它使用JavaScript对象的格式来存储数据.JSON是灵活的,因为它允许数据结构是字符串,数字,布尔值,字符串,和对象 ...
javascript --- JSON字符串化
工具函数JSON.stringify()将JSON对象序列化为字符串时也用到了ToString. 看下面的代码: console.log(JSON.stringify(42)); console.lo ...
JavaScript | JSON基本格式
--------------------------------------------------------- JSON 语法 "use strict"; // 简单值 &qu ...

JavaScript----json

一：json介绍

二：json特点

三：JSON 与 JS 对象的关系

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。如下

四：JSON 和 JS 对象互转

五：具体JSON 与 JS 的转换实例

JavaScript----json相关推荐

最新文章

热门文章