開發的過程當中遇到這樣一個處理數據的需求:

---

場景：

const todayILearn = {_id: 1,content: '今天學習 JSON.stringify()，我很開心！',created_at: 'Mon Nov 25 2019 14:03:55 GMT+0800 (中國標準時間)',updated_at: 'Mon Nov 25 2019 16:03:55 GMT+0800 (中國標準時間)' }

變成如下：

const todayILearn = {id: 1,content: '今天學習 JSON.stringify()，我很開心！',createdAt: 'Mon Nov 25 2019 14:03:55 GMT+0800 (中國標準時間)',updatedAt: 'Mon Nov 25 2019 16:03:55 GMT+0800 (中國標準時間)' }

---

處理方案：

const todayILearn = {_id: 1,content: '今天學習 JSON.stringify()，我很開心！',created_at: 'Mon Nov 25 2019 14:03:55 GMT+0800 (中國標準時間)',updated_at: 'Mon Nov 25 2019 16:03:55 GMT+0800 (中國標準時間)' }const mapObj = {_id: "id",created_at: "createdAt",updated_at: "updatedAt" };JSON.parse(JSON.stringify(todayILearn).replace(/_id|created_at|updated_at/gi,matched => mapObj[matched]) )

---

注意點：

(1) undefined、任意的函數以及 symbol 作為對象屬性值時 JSON.stringify() 將跳過（忽略）對它們進行序列化

例如：

const data = {a: "aaa",b: undefined,c: Symbol("dd"),fn: function() {return true;} }; JSON.stringify(data); // 輸出：？// "{"a":"aaa"}"

(2) undefined、任意的函數以及 symbol 作為數組元素值時，JSON.stringify() 會將它們序列化為 null

例如：

JSON.stringify(["aaa", undefined, function aa() {return true}, Symbol('dd')]) // 輸出：？// "["aaa",null,null,null]"

總結

以上是生活随笔為你收集整理的常见前端数据格式转换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。