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

 更新时间:2013年11月01日 15:14:32   作者:  
这篇文章介绍了js将json格式内容转换成对象的方法,有需要的朋友可以参考一下

复制代码 代码如下:

{"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);

相关文章

  • 解决idea开发遇到javascript动态添加html元素时中文乱码的问题

    解决idea开发遇到javascript动态添加html元素时中文乱码的问题

    这篇文章主要介绍了解决idea开发遇到javascript动态添加html元素时中文乱码的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • 基于JS设计12306登录页面

    基于JS设计12306登录页面

    本文给大家分享一段js代码实现12306登录界面,非常不错,具有参考借鉴价值,需要的朋友参考下
    2016-12-12
  • layui使用及简单的三级联动实现教程

    layui使用及简单的三级联动实现教程

    这篇文章主要给大家介绍了关于layui使用及简单的三级联动的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • Table隔行变色的JavaScript代码

    Table隔行变色的JavaScript代码

    用js实现的table隔行变色,鼠标放上去有变色显示,需要的朋友可以参考下。
    2011-01-01
  • 微信小程序 自定义消息提示框

    微信小程序 自定义消息提示框

    这篇文章主要介绍了微信小程序 自定义消息提示框的相关资料,wx.showToast(OBJECT)接口调用,实现改功能,需要的朋友可以参考下
    2017-08-08
  • JS实现可用滑块滑动的缓动图代码

    JS实现可用滑块滑动的缓动图代码

    这篇文章主要介绍了JS实现可用滑块滑动的缓动图代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • javascript函数式编程程序员的工具集

    javascript函数式编程程序员的工具集

    函数式编程语言一向被认为是比其它编程语言更高深的语言。一是因为函数式编程语言的语法很另类,比如Lisp语言,二是因为函数式编程语言都很古老,比如Schema语言。在如今面向对象语言大行其道的时代,函数式编程语言有其特殊的优势
    2015-10-10
  • 小程序如何实现中间带加号的tabbar

    小程序如何实现中间带加号的tabbar

    自定义tabBar可以让开发者更加灵活地设置tabBar样式,以满足更多个性化的场景,下面这篇文章主要给大家介绍了关于小程序如何实现中间带加号tabbar的相关资料,需要的朋友可以参考下
    2022-04-04
  • electron-builder打包exe后白屏的解决方法

    electron-builder打包exe后白屏的解决方法

    这篇文章主要给大家介绍了electron-builder打包exe后白屏的解决方法,文中有相关的代码示例供大家参考,具有一定的参考价值,需要的朋友可以参考下
    2024-01-01
  • js入门之Function函数的使用方法【新手必看】

    js入门之Function函数的使用方法【新手必看】

    本篇文章主要介绍js Function函数的使用方法,应该对初学Js的朋友们会有所帮助,下面就随小编一起来看下吧
    2016-11-11

最新评论