javascript中json.stringify()有什么用

小編給大家分享一下javascript中json.stringify()有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

json.stringify()用于將JavaScript對象或值轉換為JSON字符串，如果指定了一個replacer函數，則可以選擇性地替換值，或者指定的replacer是數組，則可選擇性地僅包含數組指定的屬性。

JavaScript JSON.stringify()

JSON.stringify() 方法用于將 JavaScript 值轉換為 JSON 字符串。

語法

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

參數說明：

value：必需， 要轉換的 JavaScript 值（通常為對象或數組）。

replacer：可選。用于轉換結果的函數或數組。

• 如果 replacer 為函數，則 JSON.stringify 將調用該函數，并傳入每個成員的鍵和值。使用返回值而不是原始值。如果此函數返回 undefined，則排除成員。根對象的鍵是一個空字符串：""。

• 如果 replacer 是一個數組，則僅轉換該數組中具有鍵值的成員。成員的轉換順序與鍵在數組中的順序一樣。

space：可選，文本添加縮進、空格和換行符，如果 space 是一個數字，則返回值文本在每個級別縮進指定數目的空格，如果 space 大于 10，則文本縮進 10 個空格。space 也可以使用非數字，如：\t。

返回值：

返回包含 JSON 文本的字符串。

實例說明

注意：以下的輸出結果都是string類型的，為了容易看就沒有用單引號‘’表明是字符串類型

1、只有一個參數

參數為對象：

var students = new Array();
students[0] = "pika";
students[1] = "hello";
students[2] = "hey";
var json = JSON.stringify(students);
alert(json);

輸出結果：

["pika","hello","hey"]

如果不用JSON.stringify()函數，直接alert(students)，那么

輸出結果：

pika,hello,hey

從這里到對比可以比較直觀的看出JSON.stringify()函數的作用啦

看一下其他例子：

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({x: 5, y: 6});              
//輸出結果：{"x":5,"y":6}

JSON.stringify([new Number(1), new String("false"), new Boolean(false)]); 
//輸出結果：[1,"false",false]

從這些例子中可以看出：布爾值、數字、字符串的包裝對象在序列化過程中會自動轉換成對應的原始值

再看一下其他例子：

JSON.stringify({x: undefined, y: Object, z: Symbol("")}); 
// 輸出結果：{}

JSON.stringify([undefined, Object, Symbol("")]);          
// 輸出結果：[null,null,null]'

JSON.stringify({[Symbol("foo")]: "foo"});                 
// 輸出結果：{}

JSON.stringify({[Symbol.for("foo")]: "foo"}, [Symbol.for("foo")]);
// 輸出結果：{}

JSON.stringify(
    {[Symbol.for("foo")]: "foo"}, 
    function (k, v) {
        if (typeof k === "symbol"){
            return "a symbol";
        }
    }
);
//輸出結果：undefined

從這些例子中可以看出：undefined、任意的函數以及 symbol 值，在序列化過程中會被忽略（出現在非數組對象的屬性值中時）或者被轉換成 null（出現在數組中時）

再看最后一個例子

JSON.stringify( 
    Object.create(
        null, 
        { 
            x: { value: 'x', enumerable: false }, 
            y: { value: 'y', enumerable: true } 
        }
    )
);

從例子中可以看出：不可枚舉的屬性會被忽略

2、有兩個參數，第二個參數為函數

函數例子：

 function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}

可以看出有一個key值，一個value值，還記得一開始說的第二個參數作key值嗎？

實例：

function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);
//輸出結果：{"week":45,"month":7}

就是把第一個值傳去函數進行相關的處理

2、有兩個參數，第二個參數為數組

第一個參數為數組

var students = new Array();
students[0] = "pika";
students[1] = "hello";
students[2] = "hey";
var stu= new Array();
stu[0] = "how";
stu[1] = "are";
stu[2] = "u";
var json = JSON.stringify(students,stu);
alert(json);
//輸出結果：["pika","hello","hey"]

結果是只有第一個值序列化了，第二個被忽略了

第一個參數為對象

var students = new Object();
students.name = "pika";
students.age = 19;
students.qq = "12345678";
var stu= new Array();
stu[0] = "name";
stu[1] = "qq";
var json = JSON.stringify(students,stu);
alert(json);
//輸出結果：{"name":"pika","qq":"12345678"}

數組的值代表將被序列化成JSON字符串的屬性名

stu數組沒有“age”，所以students對象的“age”屬性沒有顯示

有三個參數

前面說到第三個參數就是用來縮進或者直接添加字符串在序列化對象的前面，所以直接看例子就行啦，注意最多只能10個縮進或字符

JSON.stringify({ a: 2 }, null, " ");   
// 輸出結果：{\n "a": 2\n}

JSON.stringify({ uno: 1, dos : 2 }, null, '\t')
/* 輸出結果：
{
    "uno": 1,
    "dos": 2
}
*/

var students = new Object();
students.name = "pika";
students.age = 19;
students.qq = "12345678";
var stu= new Array();
stu[0] = "name";
stu[1] = "qq";
var json = JSON.stringify(students,stu,"test")
alert(json);
/* 輸出結果：
{
test"name": "pika",
test"qq": "12345678"
}
*/

最后來總結一下，JSON.stringify()函數是用來序列化對象的，無論輸入什么，輸出的都是字符串類型，可以按自己的需求來定制如何序列化，輸出結果是怎樣的格式

以上是“javascript中json.stringify()有什么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！