js将json格式内容转换成对象的方法


Posted in Javascript onNovember 01, 2013
{"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\",\"valu 
e\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} 
<script type="text/javascript">
    var d1 =[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}];
    $(d1).each(function(){
        if(
        alert(this.text);
    });
</script>

 

javascript就可以完成遍历。

<script type="text/javascript">
  var json = {"options":"[{\"text\":\"王家湾\",\"value\":\"9\"},{\"text\":\"李家湾\", \"value\":\"10\"},{\"text\":\"邵家湾\",\"value\":\"13\"}]"} 
  json = eval(json.options)
  for(var i=0; i<json.length; i++)
  {
     alert(json[i].text+" " + json[i].value)
  }
</script>

 

如果你一开始的json是用字符串类型的话要转换为一个json object 。用eval();
例如:var json = eval(strJson);

Javascript 相关文章推荐
JavaScript面向对象之体会[总结]
Nov 13 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 Javascript
javascript 获取网页标题代码实例
Jan 22 Javascript
浅谈jquery事件处理
Apr 24 Javascript
jquery实现图片水平滚动效果代码分享
Aug 26 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
Bootstrap表单组件教程详解
Apr 26 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
高性能的javascript之加载顺序与执行原理篇
Jan 14 Javascript
fastadmin中调用js的方法
May 14 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 Javascript
JS实现切换标签页效果实例代码
Nov 01 #Javascript
Javascript delete 引用类型对象
Nov 01 #Javascript
理解Javascript闭包
Nov 01 #Javascript
Javascript 命名空间模式
Nov 01 #Javascript
完美解决AJAX跨域问题
Nov 01 #Javascript
javascript中创建对象的几种方法总结
Nov 01 #Javascript
如何学习Javascript入门指导
Nov 01 #Javascript
You might like
.htaccess文件保护实例讲解
2011/02/06 PHP
php中经典方法实现判断多维数组是否为空
2011/10/23 PHP
PHP中的正则表达式函数介绍
2012/02/27 PHP
PHP实现微信JS-SDK接口选择相册及拍照并上传的方法
2016/12/05 PHP
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
jQuery封装的tab选项卡插件分享
2015/06/16 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
JavaScript电子时钟倒计时
2016/01/09 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
Node.js数据库操作之连接MySQL数据库(一)
2017/03/04 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
vue中echarts的用法及与elementui-select的协同绑定操作
2020/11/17 Vue.js
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
Python Web框架Flask信号机制(signals)介绍
2015/01/01 Python
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
Python进阶学习之特殊方法实例详析
2017/12/01 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
Python异常的检测和处理方法
2018/10/26 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
python 安装库几种方法之cmd,anaconda,pycharm详解
2020/04/08 Python
Django中的AutoField字段使用
2020/05/18 Python
Python正则表达式如何匹配中文
2020/05/27 Python
什么是聚集索引和非聚集索引
2012/01/17 面试题
唱歌比赛拉拉队口号
2015/12/25 职场文书
超市啤酒狂欢夜策划方案范文!
2019/07/03 职场文书
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫