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

最新推荐文章于 2024-08-09 16:45:41 发布

saltlike

最新推荐文章于 2024-08-09 16:45:41 发布

阅读量2.7k

点赞数

分类专栏：问题记录文章标签： js 前端 json

本文链接：https://blog.csdn.net/saltlike/article/details/121603687

版权

当后端返回的数组或对象以字符串形式提供时，前端需要使用JSON.parse将其转化为可用的JSON格式。注意，JSON.parse要求输入的字符串严格遵循JSON规范，即key必须由双引号包围。错误的格式会导致解析失败，例如未转义的内部双引号。为解决这个问题，需要正确转义字符串中的双引号。

摘要由CSDN通过智能技术生成

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

let data = {
	records: [
		{
			"id": "1",
			"info": '[{"name":"张三","age":60},{"name":"李四","age":80}]'
		},
		{
			"id": "2",
			"info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]'
		}
	]
}
data.records.forEach(element => {
	for(let i = 0, len = element.info.length; i < len; i++) {
		console.log(element.info[i].name) // undefined
	}
})

如上面代码中的info属性值就是一个字符串类型，前端拿到后是不能直接使用的，需要用 JSON.parse 转化一下

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