转换字符串为json对象的方法详解


Posted in Javascript onNovember 29, 2013

JSON是一种便于操作使用的轻量级数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。具体介绍请查看:http://www.json.org/。

很多时候我们需要组装字符串为json对象,首先要组合字符串,然后转换为json对象,如下面的例子:

<script type="text/javascript">
  <!--
  var a=50,b="xxx";
  var arr="{id:"+a+",name:'"+b+"'}";
  //-->
</script>

组合成了字符串arr,下一步就是转换成对象了,很快我们会想到使用eval方法,但如果这样做转换会出现错误,今日偶就这样尝试了,那该如何转换成json对象呢?郁闷许久,之后在json官网提供的json.js文件中找到了解决办法,方法如下:

在字符串两端再加上括号然后eval就ok了。测试代码如下:

<script type="text/javascript">
  <!--
  var a=50,b="xxx";
  var arr="{id:"+a+",name:'"+b+"'}";
  arr=eval('('+arr+')')
  alert(arr.name);
  //-->
</script>

上面代码执行后会弹出“xxx”,说明已经成功转换为json对象了,一个似乎很简单的问题,不过还是郁闷了半天才解决掉,还是记到blog上以加深印象,也希望能帮助遇到此问题的朋友早日解除郁闷。
Javascript 相关文章推荐
JavaScript 事件属性绑定带参数的函数
Mar 13 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
详解vue2.6插槽更新v-slot用法总结
Mar 09 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
怎么理解wx.navigateTo的events参数使用详情
May 18 Javascript
three.js 如何制作魔方
Jul 31 Javascript
Vue路由 重定向和别名的区别说明
Sep 09 Javascript
Ajax常用封装库——Axios的使用
May 08 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 #Javascript
js 定时器setTimeout无法调用局部变量的解决办法
Nov 28 #Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 #Javascript
JS小功能(checkbox实现全选和全取消)实例代码
Nov 28 #Javascript
JS小功能(onmouseover实现选择月份)实例代码
Nov 28 #Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 #Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 #Javascript
You might like
PHP 中文处理技巧
2010/04/25 PHP
php无限分类且支持输出树状图的详细介绍
2013/06/19 PHP
分享下页面关键字抓取components.arrow.com站点代码
2014/01/30 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
JSON序列化与解析原生JS方法且IE6和chrome测试通过
2013/09/05 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
JavaScript实现区块链
2018/03/14 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
Nodejs让异步变成同步的方法
2019/03/02 NodeJs
Vue 电商后台管理项目阶段性总结(推荐)
2020/08/22 Javascript
[01:15]《辉夜杯》北京网鱼队巡礼
2015/10/26 DOTA
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
对Python中内置异常层次结构详解
2018/10/18 Python
python http基本验证方法
2018/12/26 Python
django+echart数据动态显示的例子
2019/08/12 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
Python 如何测试文件是否存在
2020/07/31 Python
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
地理科学专业毕业生求职信
2013/10/15 职场文书
行政副总岗位职责
2014/02/23 职场文书
吨的认识教学反思
2014/04/27 职场文书
群众路线剖析材料范文
2014/10/09 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
加薪通知
2015/04/25 职场文书
清明祭英烈活动总结
2015/05/11 职场文书
2015年中秋寄语
2015/07/31 职场文书