JavaScript JSON对象、数组与字符串互转及取值详解

作者：代码拾荒

时间：2026-10-22

本文详细解析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")

以下为具体运行结果展示。

JSON基础转换与取值概述