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

你一腚行

已于 2022-09-24 10:47:57 修改

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript

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

本文链接：https://blog.youkuaiyun.com/prompt1_9/article/details/121775179

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

 `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()