階段 1

初入前端，認(rèn)識(shí)到JSON.stringify可以序列化對(duì)象為一個(gè)字符串，在開(kāi)發(fā)中提供了許多便利。

JSON.stringify({ x: 5, y: 6 }); //"{"x":5,"y":6}"

階段 2

然后遇到一個(gè)需求是序列化字符串，且?guī)в锌s進(jìn)格式化的方式顯示在編輯器中。

才認(rèn)識(shí)到，原來(lái)這個(gè)方法還可以傳遞3個(gè)參數(shù)。

第3個(gè)參數(shù)用于指定縮進(jìn)用的空白字符串，用于美化輸出（pretty-print）。

JSON.stringify({ x: 5, y: 6, z: {a: 1} }, null, 2); /* "{"x": 5,"y": 6,"z": {"a": 1} }" */

階段 3

再然后，我遇到了一個(gè)問(wèn)題：

如果對(duì)象中屬性的值是undefined，那么序列化之后這個(gè)屬性會(huì)被忽略。

let person = {name: undefined, hobby: null, age: 18 }; JSON.stringify(person) // "{"hobby":null,"age":18}"

然而在業(yè)務(wù)上即使該屬性的值是undefined，也是有表達(dá)特殊含義的，必然需要傳遞。

原來(lái)此函數(shù)的第二個(gè)參數(shù)可以搞事情，如果該參數(shù)是一個(gè)函數(shù)，則在序列化過(guò)程中，被序列化的值的每個(gè)屬性都會(huì)經(jīng)過(guò)該函數(shù)的轉(zhuǎn)換和處理；

JSON.stringify(person, (k,v) => v===undefined ? null : v ); // "{"name":null,"hobby":null,"age":18}"

第二個(gè)參數(shù)還可以是一個(gè)數(shù)組。表示序列化后保留的屬性

let person = {name: undefined, hobby: null, age: 18 }; JSON.stringify(person,["age"])// "{"age":18}"

更多用法官方文檔JSON.stringify()很詳細(xì)

總結(jié)

以上是生活随笔為你收集整理的JSON.stringify的认知历程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。