龙空技术网

为什么JSON对象的这些简单的方法,工作几年,你了解依然这么少?

小郑搞码事 4205

前言:

此刻同学们对“获取json的value”大约比较着重,兄弟们都想要分析一些“获取json的value”的相关文章。那么小编同时在网络上汇集了一些对于“获取json的value””的相关资讯,希望咱们能喜欢,姐妹们快快来了解一下吧!

点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

简单的知识,不去重视,不去总结,不去关心,永远都是不懂的。

今天讲一下JSON对象的相关方法,相信大家,听到json对象会有一种很熟悉又很模糊的感觉,熟悉是因为我们立马会想到它的两个方法:JSON.parse()和JSON.stringify()。模糊是可能了解的就仅此而已。

从两个方面聊一下:

一、兼容性

使用JavaScript语言解析字符串为JSON对象:JSON.parse()。

解析JSON对象为字符串时可以使用:JSON.stringify()。

JSON对象解析不是伴随着JavaScript的出现而产生的。例如在比IE8更低版本的浏览器中不能直接使用JSON解析方法。不过现在我们通常可以在浏览器中添加ES5-shim来增加浏览器对ECMAScript5功能的支持,让浏览器支持JSON对象的解析,这样我们就可以在后面的代码中放心使用JSON.parse/JSON.stringfy了。

<script src="//"></script>

二、更多方法需要了解

JSON对象除了上面那两个方法,还有一些容易混淆的方法:

JSON.toString():被调用时会调用Object原型上的toString方法,会取得JSON对象的值并转为字符串,如果没有具体的值,则返回原型数组。

JSON.valueOf():用于获取某个对象中的值。

JSON.toLocalString:也是Object原型上的方法,经常会返回与toString()相同内容,但对于Date对象,toLocaleString()会返回格式化后的时间字符串。

下面举个例子:

第一,如果是对象,怎么输出

1、JSON.stringify({name:'小郑搞码事'})

输出:"{"name":"小郑搞码事"}"

2、JSON.toString({name:'小郑搞码事'})

输出:"[object JSON]"

3、JSON.value0f({name:'小郑搞码事'})

输出:JSON {parse: ƒ, stringify: ƒ, Symbol(Symbol.toStringTag): "JSON"}

4、JSON.toLocaleString({name:'小郑搞码事'})

输出:"[object JSON]"

第二,如果是数组,怎么输出

let colors = ['red', 'blue', 'green']

console.log(colors.toString())

输出:red, blue,green

console.log(colors.valueOf())

输出:['red', 'blue', 'green']

console.log(colors.toLocaleString())

输出:red, blue,green

第三,如果是Date

let date = new Date()

console.log(date .toString())

输出:Thu Jul 05 2018 07:42:28 GMT+0800 (中国标准时间)

console.log(date .valueOf())

输出:1530747748017

console.log(date .toLocaleString())

输出:2018/7/5 上午7:42:28

总结:

写到这里,突然想到一句话,存在即合理,JSON对象常用的可以就是JSON.parse/JSON.stringify,其它的方法用好了,也是一把利器。

标签: #获取json的value #json的方法