如何使用JavaScript中的json.stringify-创新互联

今天就跟大家聊聊有关如何使用JavaScript中的json.stringify,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联从2013年创立,是专业互联网技术服务公司,拥有项目成都网站制作、成都做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元丰泽做网站,已为上家服务,为丰泽各地企业和个人服务,联系电话:13518219792

 编码是将数据转换成另一种形式的方法。在JSON的情况下,JSON被描述为JavaScript的对象,但其内容的数据格式只是一个字符串。实际上,读取json文件只是一个字符串,所以它不能像对象一样处理。编码将允许您将其用作JavaScript的对象。我们下面来具体看一下如何使用JavaScript编码json。

如何使用JavaScript中的json.stringify

编码我们使用JSON.parse。

var json_s = '{"ID": 1,"name": "user01","gender": "women"}'
console.log(typeof(json_s))
 
var json_o = JSON.parse(json_s)
console.log(typeof(json_o))
console.log(json_o.ID)

json_s定义了json,json只是一个字符串通过JSON.parse将其编码为对象。

如何使用JavaScript中的json.stringify

看完了编码,我们来看如何解码

解码是将编码版本返回其原始形式。

我们使用JSON.stringify函数返回字符串。

我们来看看代码

var json = '{"ID": 1,"name": "user01","gender": "women"}'
console.log(typeof(json))
 
var encoded_json = JSON.parse(json)
console.log(typeof(encoded_json))
 
var decoded_json = JSON.stringify(encoded_json)
console.log(typeof(decoded_json))

运行结果如下

如何使用JavaScript中的json.stringify

可以看到解码正确完成。

看完了上面的内容,下面我们就来进入正题,什么是json.stringify?如何使用?

json stringify 是一个解码JSON的函数。

让我们在使用json stringify进行解码的同时对其进行格式化

JSON.stringify()可以带三个参数。

第一个是编码值,即一个对象,如示例中所述。


第二个可以称为replacer并指定回调。

在这里并不会详细的解释,所以我将在代码中加入null。

第三个用于指定格式化此参数的缩进。

我们来看具体的代码


var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, "  ")
console.log(decoded_json)

运行结果如下:会根据放入的空格缩进


如何使用JavaScript中的json.stringify

放入空格多点,会看的清楚点,代码如下

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, "               ")
console.log(decoded_json)

结果如下

如何使用JavaScript中的json.stringify

此外,虽然可以在其中添加空格,但很难看出明确指定了多少个缩进,所以也可以直接指定数值来进行缩进

var json_obj = {"ID": 1,"name": "user01","gender": "women"}
 
var decoded_json = JSON.stringify(json_obj, null, 2)
console.log(decoded_json)

结果如下

如何使用JavaScript中的json.stringify

下面我们来看用json.stringify解码一个数组

代码如下


var arr = ["a","b","c"];
 
var decoded_json = JSON.stringify(arr)
console.log(decoded_json)
console.log(typeof(decoded_json))

运行结果如下:正确解码


如何使用JavaScript中的json.stringify

对象中是否包含数组无关紧要

代码如下

var arr = {"test": ["a","b","c"]};
 
var decoded_json = JSON.stringify(arr)
console.log(decoded_json)
console.log(typeof(decoded_json))

运行结果如下


如何使用JavaScript中的json.stringify

看完上述内容,你们对如何使用JavaScript中的json.stringify有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:如何使用JavaScript中的json.stringify-创新互联
URL分享:http://bzwzjz.com/article/hsdsh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 阿坝网站设计 高端定制网站设计 手机网站制作 成都网站设计 成都商城网站建设 网站建设推广 教育网站设计方案 网站设计 四川成都网站制作 外贸网站设计方案 手机网站制作 成都网站制作 网站制作 定制网站建设 成都网站设计 成都定制网站建设 手机网站建设 定制网站制作 外贸网站建设 泸州网站建设 高端网站设计 网站建设公司