js数组使用JSON.stringify()和toString()的区别

最新推荐文章于 2023-12-15 15:34:13 发布

PrinciplesMan

最新推荐文章于 2023-12-15 15:34:13 发布

阅读量466

点赞数 1

分类专栏： # JavaScript

原文链接：https://blog.csdn.net/yansong_8686/article/details/48276095

版权

JavaScript 专栏收录该内容

121 篇文章 3 订阅

订阅专栏

本文探讨了JavaScript中的JSON.stringify()和JSON.parse()方法，如何将JavaScript对象转化为JSON字符串并解析回原始对象，以及它们在处理数组和对象时的区别。通过实例演示了如何操作并展示了在实际开发中的应用场景。

摘要由CSDN通过智能技术生成

var arr = [1,2,3,4];
console.log(arr.toString()); // 1,2,3,4
alert(JSON.stringify(arr));
console.log(JSON.stringify(arr)); // [1,2,3,4]

arr.toString()是将数组转化成字符串，因此不带 [ ]

而JSON.stringify(arr)是从一个对象解析出JSON字符串，是带[]的

另外JSON.parse() 是用于从一个字符串中解析出json对象

var str = '{"name":"huangxiaojian","age":"23"}'

结果：

JSON.parse(str)

Object

age: "23"
name: "huangxiaojian"
__proto__: Object

============================================

JSON对象有两个方法：stringify()和parse()。在最简单的情况下，这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。例如：
新建一个HTML：代码如下：

复制代码代码如下:

<html>
<head>
<title></title>
<script type="text/javascript">
function init()
{
var book={
title:"JavaScript高级程序设计",
authors:[
"Nicholas C. Zakas"
],
edition:3,
year:2011
};
var jsonBook=JSON.stringify(book);
var objectBook=JSON.parse(jsonBook);
var title=objectBook.title;} </script> </head> <body> <input type="button" οnclick="init()" value="测试" /> </body> </html>

默认情况下，JSON.stringify()输出的JSON字符串不包含任何空字符或缩进，因此保存在jsonBook中的字符串如下所示：

复制代码代码如下:

{"title":"JavaScript高级程序设计","authors":["Nicholas C. Zakas"],"edition":3,"year":2011}

在序列化JavaScript对象时，所有函数及原型成员都会被有意忽略，不体现在结果中。此外，值为undefined的任何属性也都会被跳过。结果中最终都是值为有效JSON数据类型的实例属性。

PrinciplesMan

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js数组使用JSON.stringify()和toString()的区别

var arr = [1,2,3,4];console.log(arr.toString()); // 1,2,3,4alert(JSON.stringify(arr));console.log(JSON.stringify(arr)); // [1,2,3,4]arr.toString()是将数组转化成字符串，因此不带 [ ]而JSON.stringify(arr)是从一个对象解析出JSON字符串，是带[]的另外JSON.parse() 是用于从一个字符串中解析出jso...
复制链接

扫一扫