js使用eval解析json实例与注意事项分享
更新时间：2014年01月18日 15:59:51 作者：
eval函数在js中有不少用处了，下面我来给各位朋友介绍eval解析json的实例，基于这个实例我们引出来在eval处理json数据时的一些注意事项，希望文章对各位同学会有所帮助
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
JSON的规则很简单： 对象是一个无序的“‘名称/值'对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值' 对”之间使用“,”（逗号）分隔
先来看个解析实例
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>eval函数解析json对象</title>
</head>
<body>
<script type="text/javascript">
var json=eval("({sitename:'dreamdu',sitedate:new Date(1980, 12, 17, 12, 0, 0)})");
document.write(json.sitename);
document.write("<br />");
document.write(json.sitedate);
</script>
</body>
</html>
eval()解析JSON格式字符串应注意的问题
使用eval()解析JSON格式字符串应注意的问题
在利用javascript内置的eval函数,将json格式的字符串转换成JS对象时,需要用一对"()"先将该字符串包住.
例如:
将 var strTest="{id:"cnlei", url:"https://www.jb51.net"}"; 转换成JS对象
正确写法:
var objTEST=eval("("+strTEST+")");
出错写法:
var objTEST=eval(strTEST);
完整测试代码:
复制代码 代码如下:
<script type="text/javascript">
<!--
var strTEST="{id:"cnlei", url:"https://www.jb51.net"}";
var objTEST=eval("("+strTEST+")"); //正确写法
//var objTEST=eval(strTEST); //出错写法
alert(objTEST.id+"n"+objTEST.url);
//-->
</script>
相关文章
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
下面小编就为大家带来一篇基于ajax和jsonp的原生封装(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。本文给大家介绍BootStrap制作导航条实例代码，感兴趣的朋友一起学习吧2016-05-05
破解Session cookie的方法...2006-07-07
点击最大化按钮后，浏览器的内容填充满显示器，浏览器窗口的边框被挤出显示器。而该js的最大化效果是浏览器的边框在显示器内显示，具体实现如下，感兴趣的朋友可以参考下2013-08-08
这篇文章主要介绍了JS根据当天不同的时间段显示不同广告的代码，可以精确到小时当然如果分钟都可以判断出来,需要的朋友可以参考下2023-02-02
extract-text-webpack-plugin用法详解
这篇文章主要介绍了extract-text-webpack-plugin用法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
表单验证正则的代码，大家可以参考下，可以直接拿来使用，也可以用来学习正则。2009-09-09
这篇文章主要介绍了fullCalendar日历插件玩法示例解析,包括Fullcalendar安装,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01
这篇文章主要为大家详细介绍了微信小程序swiper轮播图组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
最新评论