浅谈JSON.stringify()和JOSN.parse()方法的不同

当我们需要在不同的系统或应用程序之间传递数据时，使用JSON（JavaScript Object Notation）是很常见的。JSON.stringify()和JSON.parse()是两个JavaScript内置函数，用于将JavaScript对象转换为JSON格式的字符串，以及将JSON格式的字符串转换回JavaScript对象。虽然它们的作用看起来相似，但它们有很大的不同，下面将详细讲解它们的区别。

JSON.stringify()

JSON.stringify()函数将JavaScript对象转换为JSON格式的字符串。这个方法有两个参数，第一个参数是要转换的对象，第二个参数是一个可选参数，指定了要对JSON格式的字符串进行格式化的样式。如果没有第二个参数，那么得到的JSON格式字符串就是一个紧凑的字符串，这意味着没有空格或制表符。下面是一个简单的示例：

const obj = { name: 'Tom', age: 20 };
const jsonString = JSON.stringify(obj);
console.log(jsonString);

输出结果为：

{"name":"Tom","age":20}

在上面的示例中，我们传递了一个JavaScript对象（obj）到JSON.stringify()函数中，得到了一个JSON格式的字符串。此字符串是对象属性名和属性值的键值对列表。

JSON.parse()

JSON.parse()函数将JSON格式的字符串转换回JavaScript对象。这个方法只有一个参数，就是要被解析的JSON格式的字符串。下面是一个简单的示例：

const jsonString = '{"name":"Tom","age":20}';
const obj = JSON.parse(jsonString);
console.log(obj);

输出结果为：

{ name: 'Tom', age: 20 }

在上面的示例中，我们传入一个JSON格式的字符串(jsonString)到JSON.parse()函数中，函数返回一个JavaScript对象。该对象具有与JSON字符串中的键值对相对应的属性名和属性值。

区别

JSON.stringify()和JSON.parse()之间的关键不同在于它们所处理的数据类型。JSON.stringify()处理JavaScript对象和数组，而JSON.parse()处理JSON格式的字符串。这意味着，许多开发人员误解了它们的作用。通过对对象使用JSON.stringify()，开发人员可以将对象转换为一个JSON格式的字符串，因此可以方便地发送到另一个服务器。开发人员可以在另一个服务器上使用JSON.parse()将JSON字符串转换为对象。

例如，如果我们有一个JavaScript对象如下：

const obj = { name: 'Tom', age: 20 };

我们使用JSON.stringify()将其转换为JSON格式的字符串：

const jsonString = JSON.stringify(obj);

现在，使用JavaScript的另一部分（甚至可以是另一个服务器）可以使用JSON.parse()将JSON字符串转换回对象：

const newObj = JSON.parse(jsonString);

注意，通过JSON.stringify()和JSON.parse()转换后，我们可以得到一个新的JavaScript对象，该对象的属性名和属性值与我们初始的JavaScript对象相同。

另外需要注意的一点是，如果我们使用JSON.stringify()将JavaScript数组转换为JSON格式字符串，最终的结果将不是JavaScript对象，而是一个JSON格式的数组。

例如，我们有以下JavaScript数组：

const list = ['apple', 'banana', 'orange'];

通过调用JSON.stringify()，可以将其转换为JSON格式的字符串：

const jsonString = JSON.stringify(list);

结果如下：

["apple","banana","orange"]

这是一个JSON格式的字符串，其中只有键值对列表，并没有对象属性名。在另一端，如果我们需要将JSON格式的字符串转回到JavaScript数组中，可以调用JSON.parse()方法：

const newArray = JSON.parse(jsonString);

结果如下：

["apple", "banana", "orange"]

在这里，我们看到转换回的对象是一个JavaScript数组，它包含了与最初的JavaScript数组相同的值。

因此，在使用JSON.stringify()和JSON.parse()之前，请确保你所使用的数据类型是正确的。当你在对象和数组之间切换时，请注意使用这两种内置函数的返回类型