一文搞懂JSON.stringify和JSON.parse（五）JSON.parse使用说明

一 JSON.parse特性

JSON.parse()就是将JSON字符串解析成字符串描述的JavaScript值或对象（将JSON数据解析为js原生值），例如：

JSON.parse('{}');              // {}
JSON.parse('true');            // true
JSON.parse('"foo"');           // "foo"
JSON.parse('[1, 5, "false"]'); // [1, 5, "false"]
JSON.parse('null');            // null

1.1写法 JSON.parse(text[, reviver])

text 将要反序列化的字符串

reviver 可选 函数转换器，用于修改解析生成的原始值，调用时机在parse函数返回之前

2.2 标签：json规范

JSON.parse() json需符合规范，不允许用逗号作为结尾

JSON.parse("[1, 2, ]");
// 异常，逗号结尾
JSON.parse('{"a" : 1, }');
// 异常，逗号结尾

2.3 使用说明

后端返回的数据中有数组或对象的结构，却仍然以字符串的形式返回给前端；

let data = {records: [{"idid": "1","infoinfo": '[{"name":"张","age":60},{"name":"李","age":80}]'},{"idid": "2","infoinfo": '[{"name":"王","age":90},{"name":"郑","age":100}]'}]
}


data.records.forEach(element => {element.infoinfo = JSON.parse(element.info)for(let i = 0, len = element.infoinfo.length; i < len; i++) {console.log(element.infoinfo[i].name) //张 李 王 郑}
})

如果字符串外层使用双引号，内层也使用双引号，可以使用 \ 转义一下；这个大家注意一下

let data = {records: [{"id": "1","info": "[{\"name\":\"张三\",\"age\":60},{\"name\":\"李四\",\"age\":80}]"},{"id": "2","info": “[{\"name\":\"王五\",\"age\":90},{\"name\":\"郑六\",\"age\":90}]”}]
}

2.4参数使用说明

参数说明：

text:必需，一个有效的 JSON 字符串。
reviver: 可选，一个转换结果的函数，将为对象的每个成员调用此函数。

//注意解析顺序从里往外的顺序

  created() {let JSONparse1 = '{"p": 5}';let JSONparse2 = '{"1": 1, "2": 2, "3": {"4": 4, "5": {"6": 6}}}';let JSONparse11 = JSON.parse(JSONparse1, function (k, v) {if (k === "") {return v;}return v * 2;});let JSONparse22 = JSON.parse(JSONparse2, function (k, v) {console.log(k); // 输出当前属性，最后一个为 ""//'1','2','4','6','5','3',''//注意解析顺序从里往外的顺序return v; // 返回修改的值});console.log(JSONparse11); //{p: 10}console.log(JSONparse22);},

关于序列化和反序列化导致返回顺序不一致问题，这个后端有jar包可以处理，前端可以不用考虑

一文搞懂JSON.stringify和JSON.parse（四）JSON.stringify九大特性_前端小云儿的博客-CSDN博客

一文搞懂JSON.stringify和JSON.parse（五）JSON.parse使用说明相关推荐

一文搞懂什么是 PostCSS
一文搞懂什么是 PostCSS 在 Web 应用开发中,CSS 代码的编写是重要的一部分.CSS 规范从最初的 CSS1 到现在的 CSS3,再到 CSS 规范的下一步版本,规范本身一直在不断的发展演 ...
一文搞懂如何使用Node.js进行TCP网络通信
摘要: 网络是通信互联的基础,Node.js提供了net.http.dgram等模块,分别用来实现TCP.HTTP.UDP的通信,本文主要对使用Node.js的TCP通信部份进行实践记录. 本文分享自 ...
一文搞懂 Traefik2.1 的使用
原文链接:一文搞懂 Traefik2.1 的使用一文搞懂 Traefik2.1 的使用核心概念安装 ACME 中间件灰度发布流量复制 TCP 简单 TCP 服务带 TLS 证书的 TCP ...
一文搞懂Elasticsearch索引的mapping与setting
目录 Elasticsearch索引结构 Mapping Setting Elasticsearch索引结构一个Elasticsearch索引的主要结构如下: {"test_index&q ...
tcga样本编号_数据挖掘专题 | 一文搞懂TCGA数据整理
原标题:数据挖掘专题 | 一文搞懂TCGA数据整理本文经授权转载自生信控我们已经通过前两期数据下载(一)和数据下载(二)介绍了TCGA数据下载方法,并最终得到每个样本一个独立文件夹形式的数据,整理 ...
一文搞懂RNN(循环神经网络）
基础篇|一文搞懂RNN(循环神经网络) https://mp.weixin.qq.com/s/va1gmavl2ZESgnM7biORQg 神经网络基础神经网络可以当做是能够拟合任意函数的黑盒子,只 ...
一文搞懂 Python 的 import 机制
一.前言希望能够让读者一文搞懂 Python 的 import 机制 1.什么是 import 机制? 通常来讲,在一段 Python 代码中去执行引用另一个模块中的代码,就需要使用 Python ...
python语言语句快的标记是什么_一文搞懂Python程序语句
原标题:一文搞懂Python程序语句程序流 Python 程序中常用的基本数据类型,包括: 内置的数值数据类型 Tuple 容器类型 String 容器类型 List 容器类型自然的顺序是从页面或 ...
一文搞懂 Java 线程中断
转载自一文搞懂 Java 线程中断在之前的一文<如何"优雅"地终止一个线程>中详细说明了 stop 终止线程的坏处及如何优雅地终止线程,那么还有别的可以终止线程 ...

一文搞懂JSON.stringify和JSON.parse（五）JSON.parse使用说明

一 JSON.parse特性

一文搞懂JSON.stringify和JSON.parse（五）JSON.parse使用说明相关推荐

最新文章

热门文章