您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
使用JavaScript怎么解析JSON数据?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
JSON数据是一种常用的数据格式,解析方式也比较简单,特别是由于JavaScript原生就支持JSON,所以JavaScript能够更好的解析JSON。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>解析JSON</title> <script> // 开始解析 function startParse() { // ,{"字段2":{"地址2":"数据2"}}{"字段3":{"地址3":"数据3"}} var jsonStr = '[{\"字段1\":{\"地址1\":\"数据1\"}},{\"字段2\":{\"地址2\":\"数据2\"}},{\"字段3\":{\"地址3\":\"数据3\"}}]'; var json = JSON.parse(jsonStr); // 将字符串转换为JSON对象 // 循环遍历获取key -- value for(var i = 0; i < json.length; i++){ // {"字段1":{"地址1":"数据1"}} var itemJson = json[i]; // 再次遍历获取 for(var key in itemJson){ console.log(key); // {"地址2":"数据2"} var childItem = itemJson[key]; // 再次遍历获取 for (var keyItem in childItem) { console.log(keyItem + " -- " + childItem[keyItem]); } } } } </script> </head> <body> <p>数据:</p> <p>[{'字段1':{'地址1':'数据1'}},{'字段2':{'地址2':'数据2'}}{'字段3':{'地址3':'数据3'}}]</p> <button type="button" onclick="startParse()">开始解析</button> </body> </html>
运行结果:
看完上述内容,你们掌握使用JavaScript怎么解析JSON数据的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。