freeCodeCamp/guide/chinese/javascript/standard-objects/json/json-stringify/index.md

---
title: JSON Stringify
localeTitle: JSON Stringify
---
## JSON Stringify

`JSON.stringify()`方法将_JSON安全的_ JavaScript值转换为符合JSON的字符串。

有人可能会问JSON安全值是什么！让我们列出所有JSON不安全的值，列表中没有的任何内容都可以被认为是JSON安全的。

#### JSON不安全的值：

*   `undefined`
*   `function(){}`
*   （ES6 +） `Symbol`
*   带有圆形参考的对象

#### 句法

```javascript
  JSON.stringify( value [, replacer [, space]]) 
```

以其最简单和最常用的形式：

```javascript
  JSON.stringify( value ) 
```

#### 参数

`value` ：要进行“字符串化”的JavaScript值。

`replacer` :(可选）一个函数或数组，用作要包含在JSON字符串中的值对象的属性的过滤器。

`space` :(可选）用于为JSON字符串提供缩进的数字或字符串值。如果提供了一个数值，那么许多空格（最多10个）在每个级别都充当了数字。如果提供了字符串值，则该字符串（最多10个字符）在每个级别充当缩进。

#### 返回类型

该方法的返回类型是： `string` 。

## 描述

JSON安全值将转换为其对应的JSON字符串形式。另一方面，JSON不安全值返回：

*   如果它们作为值传递给方法，则为`undefined`
*   如果它们作为数组元素传递，则返回`null`
*   如果作为对象的属性传递则没有
*   如果它的对象上有一个循环引用，则抛出一个错误。

```javascript
  //JSON-safe values 
  JSON.stringify({});                  // '{}' 
  JSON.stringify(true);                // 'true' 
  JSON.stringify('foo');               // '"foo"' 
  JSON.stringify([1, 'false', false]); // '[1,"false",false]' 
  JSON.stringify({ x: 5 });            // '{"x":5}' 
  JSON.stringify(new Date(2006, 0, 2, 15, 4, 5))  // '"2006-01-02T15:04:05.000Z"' 
 
  //JSON-unsafe values passed as values to the method 
  JSON.stringify( undefined );                    // undefined 
  JSON.stringify( function(){} );                    // undefined 
 
  //JSON-unsafe values passed as array elements 
  JSON.stringify({ x: [10, undefined, function(){}, Symbol('')] });  // '{"x":[10,null,null,null]}' 
 
 //JSON-unsafe values passed as properties on a object 
  JSON.stringify({ x: undefined, y: Object, z: Symbol('') });  // '{}' 
 
  //JSON-unsafe object with circular reference on it 
  var o = { }, 
    a = { 
      b: 42, 
      c: o, 
      d: function(){} 
    }; 
 
  // create a circular reference inside `a` 
  oe = a; 
 
  // would throw an error on the circular reference 
  // JSON.stringify( a ); 
```

如果传递给它的对象在其上定义了`toJSON()`方法，则`JSON.stringify(...)`行为会有所不同。 `toJSON()`方法的返回值将被序列化而不是对象本身。

当对象包含任何非法JSON值时，这非常方便。

```javascript
   //JSON-unsafe values passed as properties on a object 
   var obj = { x: undefined, y: Object, z: Symbol('') }; 
 
   //JSON.stringify(obj);  logs '{}' 
   obj.toJSON = function(){ 
    return { 
      x:"undefined", 
      y: "Function", 
      z:"Symbol" 
    } 
   } 
   JSON.stringify(obj);  //"{"x":"undefined","y":"Function","z":"Symbol"}" 
 
  //JSON-unsafe object with circular reference on it 
  var o = { }, 
    a = { 
      b: 42, 
      c: o, 
      d: function(){} 
    }; 
 
  // create a circular reference inside `a` 
  oe = a; 
 
  // would throw an error on the circular reference 
  // JSON.stringify( a ); 
 
  // define a custom JSON value serialization 
  a.toJSON = function() { 
    // only include the `b` property for serialization 
    return { b: this.b }; 
  }; 
 
  JSON.stringify( a ); // "{"b":42}" 
```

#### `replacer`

如前所述， `replacer`是一个过滤器，它指示哪些属性将包含在JSON字符串中。它可以是数组或函数。 在数组中，replacer包含仅包含在JSON字符串中的那些属性的字符串表示。

```javascript
  var foo = {foundation: 'Mozilla', model: 'box', week: 45, transport: 'car', month: 7}; 
  JSON.stringify(foo, ['week', 'month']);    // '{"week":45,"month":7}', only keep "week" and "month" properties 
```

如果`replacer`是一个函数，它将为对象本身调用一次，然后为对象中的每个属性调用一次，并且每次传递两个参数， _key_和_value_ 。要跳过序列化中的_键_ ，应返回`undefined` 。否则，应返回提供的_值_ 。如果这些_值_中的任何一个本身是对象，则`replacer`函数也会递归地序列化它们。

```javascript
  function replacer(key, value) { 
    // Filtering out properties 
    if (typeof value === 'string') { 
      return undefined; 
    } 
    return value; 
  } 
 
  var foo = {foundation: 'Mozilla', model: 'box', week: 45, transport: 'car', month: 7}; 
  JSON.stringify(foo, replacer);  // '{"week":45,"month":7}' 
```

如果将数组传递给`JSON.stringify()`并且`replacer`为其任何元素返回`undefined` ，则该元素的值将替换为`null` 。 `replacer`函数无法从数组中删除值。

```javascript
  function replacer(key, value) { 
    // Filtering out properties 
    if (typeof value === 'string') { 
      return undefined; 
    } 
    return value; 
  } 
 
  var foo = ['Mozilla', 'box', 45, 'car', 7]; 
  JSON.stringify(foo, replacer);  // "[null,null,45,null,7]" 
```

#### `space`

用于缩进的`space`参数使得`JSON.stringify()`的结果更漂亮。

```javascript
  var a = { 
    b: 42, 
    c: "42", 
    d: [1,2,3] 
  }; 
 
  JSON.stringify( a, null, 3 ); 
  // "{ 
  //    "b": 42, 
  //    "c": "42", 
  //    "d": [ 
  //       1, 
  //       2, 
  //       3 
  //    ] 
  // }" 
 
  JSON.stringify( a, null, "-----" ); 
  // "{ 
  // -----"b": 42, 
  // -----"c": "42", 
  // -----"d": [ 
  // ----------1, 
  // ----------2, 
  // ----------3 
  // -----] 
  // }" 
```

#### 更多信息：

请参阅[MDN文档](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) 。