JavaScript JSON对象、数组与字符串互转及取值详解
作者:代码拾荒时间:2026-10-22 03:13:14浏览:357
本文详细解析JavaScript中JSON对象、JSON数组与JSON字符串之间的相互转换方法及取值操作。通过JSON.parse将字符串转为对象,利用JSON.stringify实现反向转换,并演示如何遍历JSON数组获取具体属性值,帮助开发者掌握核心数据处理技巧。
JSON基础转换与取值概述
本文记录在开发过程中遇到的JSON数组、JSON对象以及JSON类型字符串之间的相互转换与取值操作。
JSON字符串转对象及取值
首先介绍如何将JSON格式的字符串转换为JSON对象,并从中提取所需数据。
var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString); //转换为json对象
alert(jsObject.bar); //取json中的值
JSON对象转字符串
接着讲解如何将JSON对象转换回JSON类型的字符串。
var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString); //转换为json对象
alert(jsObject.bar); //取json中的值
var st = JSON.stringify(jsObject); //转换为json类型的字符串
JSON数组处理与转换
随后说明如何解析JSON数组类型的字符串以获取数据,以及将JSON对象转换回JSON字符串的过程。
//json数组类型字符串取值
var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01","name":"A部门"},{"id":"03","open":false,"pId":"0","name":"A部门"},{"id":"04","open":false,"pId":"0","name":"A部门"}, {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}]';
var jsonObj = JSON.parse(jsonStr);//转换为json对象
for(var i=0;i<jsonObj.length;i++){
alert(jsonObj[i].id); //取json中的值
}
console.log(jsonObj)
var jsonStr1 = JSON.stringify(jsonObj)
console.log(jsonStr1+"jsonStr1")
以下为具体运行结果展示。

以上内容介绍了JavaScript中JSON对象、JSON数组与JSON字符串互转及取值的方法,希望能对读者有所帮助。如有任何疑问,欢迎留言,小编会及时回复。感谢大家对本站的支持!
作者最新文章
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
