数组对象，JSON.parse()解析

JSON.parse()在数组对象解析中的应用

原创已于 2022-09-24 10:47:57 修改 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript

于 2021-12-07 17:58:51 首次发布

本文介绍了一个使用JavaScript处理JSON数据的例子，通过JSON.parse()方法将数组对象中的py字段转换为可操作的对象。在 Vue 框架中，使用v-for遍历历史记录数组，并直接访问解析后的对象属性来渲染页面。讨论了如何在前端开发中正确处理和渲染从接口获取的JSON数据。

数组对象，JSON.parse()解析

let arr =  [ {name : '王渊' ， age : '20' , py :'[{boy : 'zhansan '  },{ girl : 'xiaoli' }]'   } ]

***注意 py 也是数组对象结构

 `arr.forEach(item=>{
					item.py = JSON.parse(item.py)
				})`

图片示例为接口返回的样子

在这里插入图片描述

/////此代码仅为上述示例代码

`<view class="card-item" v-for="(item,index) in historyArr" :key='index'>`

`{{item.applicant_detail[0].paykind}}`

`</view>`

直接JSON.parse(item.applicant_detail)，在页面上渲染的话,v-for historArr以后直接{{item.applicant_detail[0].paykind}}

数组或对象转为json字符串：：：JSON.stringify()
json字符串解析成为数组或对象：：： JSON.parse()

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

你一腚行

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JSON.parse 解析字符串出错的解决方法

10-29

为了解决JSON.parse解析字符串出错的问题，可以采取以下几个步骤： 1. 格式检查：首先确保JSON字符串的格式是正确的。这包括确保所有的键都用双引号包围，字符串值也同样使用双引号。此外，确保整个JSON字符串是由...

用 js 实现 JSON.parse 以及 JSON.stringify

09-04

1384

最近写 asp 发现一个问题，古老的 asp 缺少对 json 数据的安全支持，对象转字符的方法没有，字符转对象虽然可以通过 eval("(" + json + ")") 的方式实现 json 解析，但是容易被不良人当作木马入口，你期待的可能是一个正常的 json 字符串，但人家传过来的有可能是 (function() { Response.Write("Hacked"); })() 之类的 js 执行语句。所以，用 js 实现了 parse 和 stringify 方法： var JSON = {

参与评论您还未登录，请先登录后发表或查看评论

JSON.parse()解析字符串数组

qq_36824244的博客

11-06

7004

有时候在开发中会遇到接口返回的数据不是一个数组而是一个字符串，这个时候如果接口返回的数据是包含在字符串中的数组对象可以使用JSON.parse()解析为数组 if(res.code == 200) { this.trade = JSON.parse(res.data) } ...

.net core json 为null输出_4. JSON字符串是如何被解析的？JsonParser了解一下

weixin_39966644的博客

11-21

483

❝ 公司不是你家，领导不是你妈。本文已被「https://www.yourbatman.cn」收录，里面一并有Spring技术栈、MyBatis、JVM、中间件等小而美的「专栏」供以免费学习。关注公众号【「BAT的乌托邦」】逐个击破，深入掌握， ❞前言各位好，我是A哥(YourBatman)。上篇文章：3. 懂了这些，方敢在简历上说会用Jackson写JSON 聊完，「流式API」的写部分可...

JSON.parse（）和JSON.stringify（）和数组遍历方法

weixin_44698566的博客

10-17

3709

目录一、ES5 2 二、 JSON扩展 2 2.1 parse 3 2.2 stringify 4 三、数组 5 3.1 判断数组和对象 5 3.2 获得数组中值的索引 5 3.3 forEach 6 3.4 map 7 3.5 fill 8 3.6 some 8 3.7 every 9 3.8 filter 10 3.9 reduce和reduceRight 11 3.10 addNum 12 3.11 bind 13 3.12 toJSON 14 一、parse （）和 stringify（）网络

JSON.parse(data)后追加数组

weixin_41572561的博客

07-19

840

var dat=JSON.parse(data); dat.splice(dat.length, 0, {value:"工程部"}); dat.splice(dat.length, 0, {value:"物...

浅谈JSON.parse()和JSON.stringify()

10-23

- JSON.parse() 方法能够解析的字符串包括数组、对象、字符串、数字、布尔值和null，并且能够处理嵌套结构。但是它不能包含函数或者undefined值，因为这些类型的数据无法被转换为JSON格式。 - JSON.stringify() 方法...

数组对象使用json.parse

最新发布

09-27

在使用JSON.parse解析由JSON.stringify生成的字符串时，这些特殊值会有不同的处理结果。例如，数组中的undefined会变成null，对象中的undefined会被移除。示例如下： ```javascript const arrayWithUndefined = [1, ...

uniApp中使用JSON.stringify和JSON.parse进行序列化与反序列化

weixin_52231116的博客

06-03

2762

本文主要介绍uniApp中使用JSON.stringify和JSON.parse进行序列化与反序列化。

JSON.parse()——07

cyl16688

11-14

1433

JSON.parse() JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。语法 JSON.parse(text[, reviver]) 参数说明： text:必需，一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数，将为对象的每个成员调用此函数。 JSON 解析实例例如我们从服务器接收了以下数据 { "name":"runoob", "alexa":10000, "s

JavaScript学习笔记（四）：JSON

XHChen的博客

01-17

317

什么是 JSON ？是 JavaScript 对象表示法（JavaScript Object Notation）是轻量级的文本数据交换格式独立于语言：使用 Javascript语法来描述数据对象，可通过 JavaScript 进行解析，使用 AJAX 进行传输 JSON 具有自我描述性，更易理解为什么使用 JSON？ JSON 比 XML 更快更易...

介绍Jackson JsonParser解析json

neweastsun的专栏

03-14

1万+

介绍Jackson JsonParser解析json 前文介绍了通过JsonNode解析json，本文深入底层工具JsonParser的用法。 1. 概述实际应用中经常需要解析json数据，如查询NoSql数据库时响应数据格式通常为Json格式。JsonNode可以非常方便地实现，JsonParser类是底层JSon解析器，类似于Java使用stAx解析xml，但JsonParser仅仅解析Js...

JSON.parseObject 和 JSON.toJSONString 实例

热门推荐

橙子wj的博客

04-30

14万+

JSON.parseObject，是将Json字符串转化为相应的对象；JSON.toJSONString则是将对象转化为Json字符串。在前后台的传输过程中，Json字符串是相当常用的，这里就不多介绍其功能了，直接举一下应用的小例子，帮助理解这两个方法的用法。首先用maven引入fastjson<?xml version="1.0" encoding="UTF-8"?> <project xmlns

JSON.parse()、JSON.stringify()、JSON.parse(JSON.stringify())

程序员小明1024

08-31

1735

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...

1.Json的学习--JSON.stringfy()

weixin_34290390的博客

06-10

412

1.JSON.parse() JSON.parse() JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 JSON.parse(text[, reviver]) 参数说明： text:必需，一个有效的 JSON 字符串。 reviver:...

JSON.parse 转换字符串样式的数组

saltlike的博客

11-30

3043

有时候后端返回的数据中有数组或对象的结构，却仍然以字符串的形式返回给前端； let data = { records: [ { "id": "1", "info": '[{"name":"张三","age":60},{"name":"李四","age":80}]' }, { "id": "2", "info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]' } ] } data.records.forEa

js 数组、对象转json 以及json转数组、对象

anzhenji7632的博客

08-06

375

1、JS对象转JSON 方式：JSON.stringify(obj) var json = {"name":"iphone","price":666}; //创建对象； var jsonStr = JSON.stringify(json); //转为JSON字符串 console.log(jsonStr); 　　 2、JS数组转JSON /...

JSON.parseArray()：将json格式的数据转换成数组格式；JSON.toJSONString(lists)：把数据转成json格式的数据

The best are water的博客

03-25

4979

1、这个方法的作用就是将json格式的数据转换成数组格式。 2、假设有Person这个类，有json类型数据jsonStr = [{“name”:“张三”,“age”:“25”},{“name”:“李四”,“age”:“24”}]，那么 List lists = json.parseArray(jsonStr, Person.class);lists就可以接收jsonStr了 3、JSON.toJ...