使用JavaScript怎么解析JSON数据

tangjin

作者

使用JavaScript怎么解析JSON数据？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript能够更好的解析JSON。

<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>解析JSON</title>
<script>
//开始解析
functionstartParse()
{
//,{"字段2":{"地址2":"数据2"}}{"字段3":{"地址3":"数据3"}}
varjsonStr='[{\"字段1\":{\"地址1\":\"数据1\"}},{\"字段2\":{\"地址2\":\"数据2\"}},{\"字段3\":{\"地址3\":\"数据3\"}}]';
varjson=JSON.parse(jsonStr);//将字符串转换为JSON对象
//循环遍历获取key--value
for(vari=0;i<json.length;i++){
//{"字段1":{"地址1":"数据1"}}
varitemJson=json[i];
//再次遍历获取
for(varkeyinitemJson){
console.log(key);
//{"地址2":"数据2"}
varchildItem=itemJson[key];
//再次遍历获取
for(varkeyIteminchildItem){
console.log(keyItem+"--"+childItem[keyItem]);
}
}
}
}
</script>
</head>
<body>
<p>数据：</p>
<p>[{'字段1':{'地址1':'数据1'}},{'字段2':{'地址2':'数据2'}}{'字段3':{'地址3':'数据3'}}]</p>
<buttontype="button"onclick="startParse()">开始解析</button>
</body>
</html>

运行结果：