一文浅谈JSON

什么是JSON,相信许多学前端的小伙伴都不知道这是什么东西,那么本文将逐渐带你了解什么是JSON。


JSON是Javascript Object Notation  叫做JS对象表示法、

JSON和JS对象的格式—样,只不过JSON字符串中的属性名必须加双引号

注意:必须加双引号!必须加双引号!必须加双引号!(重要的事情说三遍)

不能加单引号或者不加。

其他的和JS语法一致

 

JS中的对象只有JS认识,其他的语言都不认识。

首先我们先创建一个对象,可以看出来也可以正常的打印出来其属性值。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

当我们后台服务器是用java或者PHP写的时候,当我们想把JavaScript对象传给服务器该怎么办,那我们是不是应该想,如何把这个对象转化为任何语言都认识的东西,我们想想JavaScript和java有什么共同点?

对,123在两者之间都是数字,“hello world”在两者之间都是字符串类型,true都是布尔类型。

当我们给这个对象两边加了个引号,我们打印一下结果:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

可以清楚的看到转化为字符串类型的了 ,我们给这个字符串起个名字,就叫JSON。

JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象。

把这个对象发给java,就可以转化为java对象,发给PHP,就可以转化为PHP对象。此时,我们就可以吧JS对象发给其他语言,也可以把其他语言对象发给JS。

JSON在开发中主要就是用来数据的交互。

JSON分为两类:1.,对象{ }  2,数组[ ]

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 不能写函数,因为其他语言不认识JS中的函数。

那就有小伙伴问了,JSON中允许的值有什么?

那这就不来了吗,JSON中允许的值有以下六种:

1.字符串  2.数值  3.布尔值  4.null  5.对象(普通对象,不包含函数)  6.数组

那我们如何将JSON字符串转为为JS中的对象呢?用拆分吗?不不不。

在JS中,为我们提供了一个工具类,就叫JSON,这个对象可以帮助我们将一个JSON转换为JS对象,也可以将一个JS对象转换为JSON
watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16
将JSON转为JS对象,可以用JSON. parse()这个方法

JSON. parse(),可以将以JSON字符串转换为js对象,它需要一个JSON字符串作为参数,会将该字符串转换为JS对象并返回。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16
如果跑到java里,也可以将其转为java对象。

我们来试试数组。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 那我们能不能反着转呢,当然可以,怎么转呢?在每个属性名加双引号,然后再在外面套个单引号?不不不,我们继续调用方法来帮助我们JS对象转JSON。

JSON.stringify(),可以将一个JS对象转换为JSON字符串,需要一个js对象作为参数,会返回一个JSON字符串。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 当然,这么好用的东西都存在兼容性,比如IE7及以下的浏览器中不支持,所以在这些浏览器中调用会报错。如果小伙伴们不考虑兼容性,那么剩下的都不用看了,如果想了解一下解决方案的话就继续请往下面看。


在这里,介绍一个函数,eval()。

eval( ),这个函数可以用来执行一段字符串形式的JS代码,并将执行结果返回
watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 可以看出来,str明明是一个字符串,却通过这个函数将其转为一段js代码。

不过,也有点小问题需要注意一下:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 如果使用eval()执行的字符串中含有{ },它会将{ }当成是代码块,如果不希望将其当成代码块解析,则需要在字符串前后各加一个( ),如下图所示:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAU3PjgIHjgIHluIXmtbc=,size_20,color_FFFFFF,t_70,g_se,x_16

 没报错,还能正常显示。

不过。。。。

eval( )这个函数的功能很强大,可以直接执行一个字符串中的js代码,
但是在开发中尽量不要使用,首先它的执行性能比较差,然后它还具有安全隐患

如果真的需要兼容浏览器的JSON操作,那么就自己封装吧,博主水平有限,写不出来。


本文到此为止,若是有错误请及时联系我更正,若是觉着对小伙伴们有帮助,还望给个三连支持

 

  • 24
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 16
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值