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 相关文章推荐
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
禁用Tab键JS代码兼容Firefox和IE
Apr 18 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
Angularjs过滤器使用详解
May 25 Javascript
jQuery获取剪贴板内容的方法
Jun 16 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
Oct 27 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
实用PHP会员权限控制实现原理分析
2011/05/29 PHP
基于empty函数的输出详解
2013/06/17 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
Windows下的PHP安装文件线程安全和非线程安全的区别
2014/04/23 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
Array对象方法参考
2006/10/03 Javascript
jquery异步循环获取功能实现代码
2010/09/19 Javascript
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
js实现仿百度汽车频道选择汽车图片展示实例
2015/05/06 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
Bootstrap编写导航栏和登陆框
2016/05/30 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
Vue3.0的优化总结
2020/10/16 Javascript
[06:14]《辉夜杯》外卡赛附加赛 4支战队巡礼
2015/10/23 DOTA
python装饰器初探(推荐)
2016/07/21 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
Python多项式回归的实现方法
2019/03/11 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
计算机开发个人求职信范文
2013/09/26 职场文书
弄虚作假心得体会
2014/09/10 职场文书
运动会通讯稿600字
2015/07/20 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL