当前位置：首页 > 资讯 > 技术文档

JavaScript解析JSON格式数据的方法示例

时间：2021-03-29 23:51 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript解析JSON格式数据的方法示例

本文实例讲述了JavaScript解析JSON格式数据的方法。分享给大家供大家参考，具体如下： [b]1、使用JavaScript提供的eval()函数[/b]

function JsonText1() {
  var strJSON = "{'Name':'Kevin','Age':'23'}"; //得到的JSON
  var obj = eval("(" + strJSON + ")"); //转换后的JSON对象
  alert(obj.Name);
}

[b]2、使用JSON对象[/b] ① 使用JSON对象的stringify()函数，将对象转换成JSON 语法：var str = JSON.stringify(data); ② 使用JSON对象的parse()函数，将JSON转换成对象语法：var data = JSON.parse(str);

var jsonStr = "";
//使用JSON对象的stringify()函数，将对象转换成JSON
function JsonText2() {
  var data = new Object;
  data.Name = "Kevin";
  data.Age = 23;
  jsonStr = JSON.stringify(data);
  alert(jsonStr);
}
//使用JSON对象的parse()函数，将JSON转换成对象
function JsonText3() {
  var data = JSON.parse(jsonStr);
  alert(data.Name);
}

[b]PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：[/b] [b]在线JSON代码检验、检验、美化、格式化工具： [/b][url=http://tools.jb51.net/code/json]http://tools.jb51.net/code/json[/url] [b]JSON[/b][b]在线格式化工具： [/b][url=http://tools.jb51.net/code/jsonformat]http://tools.jb51.net/code/jsonformat[/url] [b]在线XML/JSON互相转换工具： [/b][url=http://tools.jb51.net/code/xmljson]http://tools.jb51.net/code/xmljson[/url] [b]json[/b][b]代码在线格式化/美化/压缩/编辑/转换工具： [/b][url=http://tools.jb51.net/code/jsoncodeformat]http://tools.jb51.net/code/jsoncodeformat[/url] [b]在线json压缩/转义工具：[/b] [url=http://tools.jb51.net/code/json_yasuo_trans]http://tools.jb51.net/code/json_yasuo_trans[/url] [b]C语言风格/HTML/CSS/json代码格式化美化工具： [/b][url=http://tools.jb51.net/code/ccode_html_css_json]http://tools.jb51.net/code/ccode_html_css_json[/url] 更多关于JavaScript相关内容可查看本站专题：《[url=http://www.1sucai.cn/Special/313.htm]JavaScript中json操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/472.htm]JavaScript查找算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/281.htm]JavaScript遍历算法与技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：js中Number数字数值运算后值不对的解决方法
下一篇：javascript与css3动画结合使用小结

资讯排行榜
更多>>