江在川上曰：js中的JSON解析和序列化

JSON解析和序列化

JSON是javascript的一个严格的子集，利用了javacript中的一些模式来表示结构化数据。他只是一种数据格式，并非一种编程语言。

JSON语法

JSON可以表示三种类型的值。

类型	说明
简单值	可以在JSON使用String、Number、Boolean和null，但是不能够使用undefined。
对象	是一组无序的键值对，值可以是简单值、也可以是对象、数组。
数组	是一组有序的值的序列，可以通过索引索引值，值可以是简单值、也可以是对象、数组。

var myJson = {"name":"jesse","age":"12","score":{"Chinese":"98","Math":"99","English":"100"},"goods":[{"name":"paper","price":"20"},{"name":"pencil","price":"2"},{"name":"book","price":"1"}]
}

切记：同一个json对象不能出现同名的属性，必须保持唯一性。

JSON解析

语法：JSON.parse(text,[reviver])

作用：将javascript表示的JSON字符串转为JSON对象

参数：

text: 必选，一个有效的JSON字符串
reviver：可选，一个还原函数，对象中的每一个成员都将使用该函数

返回值：一个对象或数组

let myString = '{"name":"jesse","age":"12","score":{"Chinese":"98","Math":"99","English":"100"},"goods":[{"name":"paper","price":"20"},{"name":"pencil","price":"2"},{"name":"book","price":"1"}]}';
JSON.parse(myString)

得到：

{"name":"jesse","age":"12","score":{"Chinese":"98","Math":"99","English":"100"},"goods":[{"name":"paper","price":"20"},{"name":"pencil","price":"2"},{"name":"book","price":"1"}]
}

JSON序列化

语法：JSON.string(value,[replacer],space)

作用：将javascript表示的json对象转为json字符串

参数：

value：必选，需要转换的json对象
replacer：可选，过滤器，用于转换结果的函数或数组
space：可选，用于控制结果中的缩进和空白符。
返回值：一个包含json文本的字符串

var myJson = {"name": "jesse","age": "12","score": {"Chinese": "98","Math": "99","English": "100"},"goods": [{ "name": "paper", "price": "20" },{ "name": "pencil", "price": "2" },{ "name": "book", "price": "1" }]}
JSON.stringify(myJson)

得到：

{"name":"jesse","age":"12","score":{"Chinese":"98","Math":"99","English":"100"},"goods":[{"name":"paper","price":"20"},{"name":"pencil","price":"2"},{"name":"book","price":"1"}]}

江在川上曰：js中的JSON解析和序列化相关推荐

江在川上曰：vue中使用swiper
vue中使用swiper 1 安装 //这是swiper组件 npm install vue-awesome-swiper --save-dev //这是swiper组件的依赖包 npm instal ...
江在川上曰：云服务器上的flask项目部署(Ubuntu+Flask+Gunicorn+Supervisor+Nginx+Anaconda)
云服务器上的flask项目部署(anaconda.python.flask等相关安装) 在探索未知的路上走了很多弯路,这里记载了我在阿里云上部署项目切实可行的步骤,当然问题因人而异,没有四海皆适用的准 ...
江在川上曰：JS函数
函数函数的定义方式自定义函数(命名函数) 函数表达式(匿名函数) 利用 new Function("参数1","参数2","函数体") ...
江在川上曰：webpack前端工程化
前端工程化 1.模块化相关规范 1.1浏览器端模块化规范名称文件 AMD Require.js CMD Sea.js 1.2 服务器端模块规范 common.js 1.3 大一统的模块化规范(ES ...
江在川上曰：less样式预编译
less样式预编译 1.css原生变量定义使用"–"进行变量定义使用var()进行变量的引用 --bgColor:red; background:var(--bgColor); ...
微信小程序JS中写Json解析for 数组的用法
前言: 1 JS作为小程序的函数库,大家可以作为一个模块编写好自己的函数,然后就可以随心所欲的去创作了.Json的调用,比前面我写的更加简洁写,直接贴代码,应该更加容易懂了. 2 刚入手小程序有些语言 ...
js mysql json字符串转数组中_php数据库数据转换为js中的json对象
/ 1.在company数据user表中取出10条数据,保存为数组 2.在将数组转化为json格式,传递给js 3.用json解析器将传递过来的json字符串转化为json对象, 4.用documen ...
JS中生成与解析JSON
js中生成json对象 js中解析json字符串: 1.eval("..."): var a_id=eval('{"name":123}'); 如果eval中的 ...
JS中生成和解析JSON
1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name = "jyy"; ...

江在川上曰：js中的JSON解析和序列化

江在川上曰：js中的JSON解析和序列化

JSON解析和序列化

JSON语法

JSON解析

JSON序列化

江在川上曰：js中的JSON解析和序列化相关推荐

最新文章

热门文章