JavaScript中的json.stringify如何使用-js教程-PHP中文网

JavaScript中的json.stringify如何使用

不言

发布： 2019-01-07 14:00:10

原创

4624人浏览过

编码是将数据转换成另一种形式的方法。在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如何使用

立即学习“Java免费学习笔记（深入）”；

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

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

我们使用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。

如知AI笔记

如知笔记——支持markdown的在线笔记，支持ai智能写作、AI搜索，支持DeepseekR1满血大模型

查看详情

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

我们来看具体的代码

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

登录后复制

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

微信截图_20190107134228.png

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

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

登录后复制

结果如下

微信截图_20190107134758.png

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

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

登录后复制

结果如下

微信截图_20190107135058.png

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

代码如下

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

登录后复制

运行结果如下：正确解码

微信截图_20190107135229.png

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

代码如下

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

登录后复制

运行结果如下

微信截图_20190107135346.png

以上就是JavaScript中的json.stringify如何使用的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript的JSON.parse和JSON.stringify怎么用？ JS中的JSON.parse和JSON.stringify有什么用？如何使用JSON.stringify的replacer函数处理循环引用问题？如何使用replacer函数解决JSON.stringify序列化时的循环引用问题？在JSON.stringify中如何处理循环引用的问题？