js中json对象和字符串相互转化操作实例

本文主要和大家介绍js中json对象和字符串的理解及相互转化操作实现方法,结合实例形式分析了json对象与字符串的功能以及相互转换操作实现技巧,需要的朋友可以参考下,希望能帮助到大家。

 var str="{'strv':["+       "{'a':'a11'},"+       " {'a':'b222'}"+     " ]}"; //如果放在一行更清楚:var str="{'strv':[{'a':'a11'}, {'a':'b222'} ]}"; var str2=eval('('+str+')');// alert(str2.strv[1].a); var jsonob={'jsonv':[         {'j':'j111'},         {'j':'j222'}       ]};//如果放在一行更清楚:var jsonob={'jsonv':[ {'j':'j111'}, {'j':'j222'} ]};// alert(jsonob.jsonv[1].j); /*var  str="{'strv':[{'a':'a11'}, {'a':'b222'} ]}";var jsonob={'jsonv':[ {'j':'j111'}, {'j':'j222'} ]};这样我们可以看出json对象和字符串是不一样的!字符串就是字符串,json对象是一个对象。虽然其内容都是我们看到的json格式,但是两者是有区别的。我们想取出其中某个属性的值,其实是对json对象操作的(你能取出对象的属性值,但不能取出字符串的属性值,字符串没属性。)。所以如果你拿到的是对象,那你就直接可以取值了,例如jsonob.jsonv[1].j。如果你拿到的是字符串,那你必须先转化成对象才可以取值,字符串转对象有几种方法,js本身自带的是var str2=eval('('+str+')');这里的str2就是对象了。如果你引入了json.js文件,还可以使用其中的方法,这些都已经封装好了。总结:json只是一种格式。符合这种格式的可以是json对象,也可以是字符串。要取属性值只能从对象里取。所以需要两者的转化。js自带的转化方法: 字符串转成json对象:   var str="{'strv':[{'a':'a11'}, {'a':'b222'} ]}";//字符串   var jsonObject=eval('('+str+')');//json对象 json对象转成字符串:   js本身没有这样的方法,你需要自己写这样的方法,才能转化。从上可知,js本身只可以将字符串转成json对象,但不可以将json对象转成字符串。其实我们可以用json.js里的方法,而且更简单。这时你要引入json.js文件。json.js里的方法: 字符串转成json对象:     var str="{'strv':[{'a':'a11'}, {'a':'b222'} ]}";//字符串  转成json对象方法1: var myJSONObject1=str.parseJSON();  转成json对象方法2: var myJSONObject2=JSON.parse(str); json对象转成字符串:     var jsonob={'jsonv':[ {'j':'j111'}, {'j':'j222'} ]};//json对象  转成字符串方法1:var mystr1=jsonob.toJSONString();  转成字符串方法2: var mystr2=JSON.stringify(jsonob); */

登录后复制

通过实验,我们应该明白,json其实是一种格式,js本身支持这种格式,

所以你不需要引入json.js就可以使用json对象。我们一般会引入json.js因为这里面封装了json对象和字符串转化的方法,方便我们使用(当然还有其他方法)。

通过本例我们更好地理解json对象和字符串之间的区别。

相关推荐:

js数组常见操作及数组与字符串相互转化实例详解

以上就是js中json对象和字符串相互转化操作实例的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2787640.html

(0)
上一篇 2025年3月8日 18:11:51
下一篇 2025年3月3日 02:42:00

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript随机生成一定位数的密码代码教程

    随机生成一定位数的密码,有最小个数和最大个数,必须包含数字、大小写字母,和特殊字符比如(- _ #);本文主要和大家介绍了关于利用javascript如何随机生成一定位数的密码的相关资料,文中给出了详细的示例代码,对大家的学习或者工作具有一…

    编程技术 2025年3月8日
    200
  • javascript计算渐变色实例分享

    本文主要和大家介绍javascript计算渐变颜色的实例的相关资料,希望通过本文能帮助到大家,让大家理解掌握这部分内容,需要的朋友可以参考下,希望能帮助到大家。 javascript计算渐变颜色的实例 有时候,一个表格或者一片区域内,需要若…

    2025年3月8日
    200
  • Node.js测量HTTP所花费的时间

    了解和测量http时间有助于我们发现客户端到服务器或服务器到服务器之间的通信性能瓶颈。 本文介绍了http请求中的时间开销,并展示了如何在node.js中进行测量。 在我们开始了解HTTP时间开销之前,让我们来看一些基本的概念: IP(互联…

    2025年3月8日
    200
  • 深入理解JavaScript深拷贝性能

    本文主要和大家分享javascript深拷贝性能的分析,如何在 javascript 中拷贝一个对象?对于这个很简单的问题,但是答案却不简单。 如果你不知道什么意思,看看下面的例子: function mutate(obj) { obj.a…

    2025年3月8日
    200
  • ES5实例详解javascript多种继承方式

    javascript作为一门轻量级的脚本语言在es6和node.js的横空出世之后将其推向的新的高度,虽然 es6 中出现的新的生成对象的类语法格式,但依然为es5的语法糖,而我们依然有必要从javascript的原生实现入手来了解它的继承…

    编程技术 2025年3月8日
    200
  • 在express站点中使用ejs模板引擎实例详解

    本文主要和大家介绍在express站点中使用ejs模板引擎,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 使用 vs创建的express站点,默认使用的是jade模板引擎,但是我不太喜欢这种…

    2025年3月8日
    200
  • 实例讲解js数组最重要使用的方法

    数组作为js中常用的数据类型使我们用的最多的, 在其他地方可以搜索出很多对其方法的总结,本文主要给大家整理了js数组中最重要的常用方法,本次整理的是小编认为大家在使用中最常用也是最重要的方法,一起学习下。希望能帮助到大家。   split(…

    编程技术 2025年3月8日
    200
  • JS不用中间变量temp实现两个变量值得交换实现代码

    本文主要和大家介绍在js中 实现不用中间变量temp 实现两个变量值得交换 ,需要的朋友可以参考下,希望能帮助到大家。 1.使用加减法; var a=1;var b=2;a=a+b;b=a-b;a=a-b; 登录后复制 2.使用乘除法(乘除…

    编程技术 2025年3月8日
    200
  • js面向对象之继承知识详解

    说到这个继承,了解object-oriented的朋友都知道,大多oo语言都有两种,一种是接口继承(只继承方法签名);一种是实现继承(继承实际的方法)本文主要和大家介绍js面向对象之继承的相关知识,以及分享了读者弄明白这个知识点的学习心得,…

    2025年3月8日
    200
  • JavaScript调停者模式实例详解

    本文主要和大家介绍javascript设计模式之调停者模式,详细分析了调停者模式的概念、原理、优缺点并结合javascript实例形式给出了相关使用技巧,需要的朋友可以参考下,希望能帮助到大家。 1、定义 调停者模式包装了一系列对象相互作用…

    2025年3月8日
    200

发表回复

登录后才能评论