JS使用技巧1——使用fast-json-stringify代替JSON.stringify

cnTomato 發布于2019-08-23 14:00 / 1600人閱讀

摘要：使用的思考使用過對象的程序員最常做的一項工作便是，將對象轉化為字符串。該字符串的用途很多，例如可以使用在的中，在多個頁面間進行傳遞。因為模式是固定的，那么定義模式的空間開銷一定比使用該模式生成字符串的時間開銷代價要小很多。

使用JSON.stringify的思考

使用過JSON對象的程序員最常做的一項工作便是，將JSON對象轉化為字符串。該字符串的用途很多，例如可以使用在WEB的URL中，在多個頁面間進行傳遞。

const obj = { id: 1, name: "object" };
const jsonStr = JSON.stringify(obj);    // 轉換為字符串
const json = JSON.parse(jsonStr);     // 解析字符串為JSON對象

對于這個轉換過程我們用的太得心應手，所以很少再去思考這中間是否還有需要優化的地方。
其實只要稍微深入思考一點，即使不讀源代碼，我們也能得出這樣一個結論：在JSON對象轉化為字符串時，是需要去識別某種模式的。

對于string類型，需要用雙引號(")去標注

對于number類型，不需要標注

對于object類型，它的每個屬性間需要用逗號(,)去分隔，并且需要雙引號(")進行標注

對于array類型，則還需要加上"["和"]"來表示

例如：

const obj = [{ id: 1, name: "kobe" }, { id: 2, name: "wade" }];
const jsonStr = JSON.stringify(obj);  //   結果為：[{"id":"1,"name":"kobe"},{"id":2,"name":"wade"}]

所以，如果要你去實現這樣一個stringify的過程，這些類型的識別和標注都是不可避免的花銷。

使用fast-json-stringify

就是在這樣一個邏輯小片段上，fast-json-stringify想到了提高stringify效率的方案：提前定義要轉換對象的模式，那么就可以省去解析模式的時間開銷。

const fastJson = require("fast-json-stringify");
const stringify = fastJson({
  title: "player",
  type: "object",
  properties: {
    name: { type: "string" },
    position: { type: "string" },
    age: { type: "integer" }
  }
});
console.log(stringify({ name: "kobe", position: "SG", age: 39 }));  //  {"name":"kobe","position":"SG","age":39}

從官網的介紹來看，在某些情況下使用fast-json-stringify的效果可以比JSON.stringify快接近10倍！

使用場景

基于fast-json-stringify的優化內容，我們很容易得出這樣一個結論：在所有經常需要對某些固定模式進行stringify的場合，都適合使用fast-json-stringify。因為模式是固定的，那么定義模式的空間開銷一定比使用該模式生成字符串的時間開銷代價要小很多。

云服務器 GPU云服務器 java quartz2 2 1使用使用js搜索 js使用文檔 js 分號的使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/99919.html

如何提升JSON.stringify()的性能？

摘要：然后，生成的完整的字符串大致如下以上是一系列通用的鍵值轉換方法就是的主體函數其他屬性的拼接最后，將字符串傳入構造函數來創建相應的函數。 1. 熟悉的JSON.stringify() 在瀏覽器端或服務端，JSON.stringify()都是我們很常用的方法：將 JSON object 存儲到 localStorage 中； POST 請求中的 JSON body；處理響應體中的 ...

tomlingtm 2019-08-23 17:58 評論0 收藏0
Fastfiy基礎指南

摘要：什么是是一個高度專注于以最少開銷和強大的插件架構，為開發人員提供最佳體驗的框架。它受到了和的啟發，是目前最快的框架之一。什么是 Fastify？ Fastify 是一個高度專注于以最少開銷和強大的插件架構，為開發人員提供最佳體驗的 Web 框架。它受到了 Hapi 和 Express 的啟發，是目前最快的 Node 框架之一。 Fastify 獨特的將 JSON Schema 應...

svtter 2019-08-23 18:38 評論0 收藏0
JS學習之JSON數據格式

摘要：簡析簡介，是一種數據格式而不是編程語言，它和并沒有從屬關系，任何編程語言都可以使用語法規則分為三類簡單值與語法相同，可以在中表示字符串，數值，布爾值和，但是其不支持數值字符串對象鍵值和鍵名都得用雙引號數組解析和序列化目標對象，過濾器，字符串 JSON簡析 1.簡介 JSON，是一種數據格式而不是編程語言，它和JavaScrip并沒有從屬關系，任何編程語言都可以使用JSON; 2.語法...

isaced 2019-08-21 17:21 評論0 收藏0
JSON：如果你愿意一層一層剝開我的心，你會發現...這里水很深——深入理解JSON

摘要：說句玩笑話，如果是基于的，可能就叫了，形式可能就是這樣的了，如果這樣，那么可能現在是和比較密切了。此外，還有一個函數，我們較少看到，但是它會影響。我們先來看一個JS中常見的JS對象序列化成JSON字符串的問題，請問，以下JS對象通過JSON.stringify后的字符串是怎樣的？先不要急著復制粘貼到控制臺，先自己打開一個代碼編輯器或者紙，寫寫看，寫完再去仔細對比你的控制臺輸出，如果有...

Baaaan 2019-08-21 15:29 評論0 收藏0
給初學者：JavaScript 中數組操作注意點

摘要：使用遍歷數組有三點問題遍歷順序不固定引擎不保證對象的遍歷順序。作為原生函數，和自身操作字符串的速度是很快的。由于沒有返回值返回，所以它的回調函數通常是包含副作用的，否則這個寫了毫無意義。接受一個回調函數，你可以提前，相當于手寫循環中的。不要用 for_in 遍歷數組這是 JavaScript 初學者常見的誤區。for_in 用于遍歷對象中包括原型鏈上的所有可枚舉的（enumerab...

tianyu 2019-08-22 11:20 評論0 收藏0