學習JSON.stringify()
導讀 | JSON(JavaScript Object Notation, JS 物件簡譜) 是一種輕量級的資料交換格式。它基於 ECMAScript (歐洲計算機協會制定的js規範)的一個子集,採用完全獨立於程式語言的文字格式來儲存和表示資料。簡潔和清晰的層次結構使得 JSON 成為理想的資料交換語言。 易於人閱讀和編寫,同時也易於機器解析和生成,並有效地提升網路傳輸效率。 |
JSON 通常用於與服務端交換資料。在向伺服器傳送資料時一般是字串。我們可以使用 JSON.stringify() 方法將 JavaScript 物件轉換為字串。
JSON.stringify(value[, replacer[, space]])
引數說明:
value:必需, 要轉換的 JavaScript 值(通常為物件或陣列)。
replacer:可選。用於轉換結果的函式或陣列。
如果 replacer 為函式,則 JSON.stringify 將呼叫該函式,並傳入每個成員的鍵和值。使用返回值而不是原始值。如果此函式返回 undefined,則排除成員。根物件的鍵是一個空字串:""。
如果 replacer 是一個陣列,則僅轉換該陣列中具有鍵值的成員。成員的轉換順序與鍵在陣列中的順序一樣。當 value 引數也為陣列時,將忽略 replacer 陣列。
space:可選,文字新增縮排、空格和換行符,如果 space 是一個數字,則返回值文字在每個級別縮排指定數目的空格,如果 space 大於 10,則文字縮排 10 個空格。space 也可以使用非數字,如:\t。
例如我們向伺服器傳送以下資料:
var obj = { "name":"runoob", "alexa":10000, "site":"};
我們使用 JSON.stringify() 方法處理以上資料,將其轉換為字串:
var myJSON = JSON.stringify(obj);
myJSON 為字串。
我們可以將 myJSON 傳送到伺服器:
例項
var obj = { "name":"runoob", "alexa":10000, "site":"}; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
我們也可以將 JavaScript 陣列轉換為 JSON 字串:
例項
var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr);
myJSON 為字串。
我們可以將 myJSON 傳送到伺服器:
例項
var arr = [ "Google", "Runoob", "Taobao", "Facebook" ]; var myJSON = JSON.stringify(arr); document.getElementById("demo").innerHTML = myJSON;
解析資料
JSON 不能儲存 Date 物件。
JSON.stringify() 會將所有日期轉換為字串。
例項
var obj = { "name":"Runoob", "initDate":new Date(), "site":"}; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
之後你可以再將字串轉換為 Date 物件。
JSON 不允許包含函式,JSON.stringify() 會刪除 JavaScript 物件的函式,包括 key 和 value。
例項
var obj = { "name":"Runoob", "alexa":function () {return 10000;}, "site":"}; var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
我們可以在執行 JSON.stringify() 函式前將函式轉換為字串來避免以上問題的發生:
例項
var obj = { "name":"Runoob", "alexa":function () {return 10000;}, "site":"}; obj.alexa = obj.alexa.toString(); var myJSON = JSON.stringify(obj); document.getElementById("demo").innerHTML = myJSON;
原文來自:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2785748/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JSON.stringify() 方法JSON
- JSON.stringify 的使用JSON
- JSON.stringify 新手入門JSON
- 理解JSON.stringify()高階用法JSON
- 如何提升JSON.stringify()的效能?JSON
- JSON.stringify() 的深入理解JSON
- 如何提升JSON.stringify的效能?JSON
- JSON.parse與JSON.stringify(object)JSONObject
- 你不知道的 JSON.stringifyJSON
- 你不知道的JSON.stringify()妙用JSON
- JSON.parse 和 JSON.stringify 詳解JSON
- 前端 JavaScript 中 JSON.stringify() 的基本用法前端JavaScriptJSON
- 有意思的JSON.parse()、JSON.stringify()JSON
- 比 JSON.stringify 快兩倍的fast-json-stringifyJSONAST
- 深度學習——學習目錄——學習中……深度學習
- 深度學習學習框架深度學習框架
- 學習ThinkPHP,學習OneThinkPHP
- 強化學習-學習筆記3 | 策略學習強化學習筆記
- JSON.parse()與JSON.stringify()的用法,以及eval()和new FunctionJSONFunction
- 機器學習-整合學習機器學習
- 前端學習之Bootstrap學習前端boot
- 如何學習機器學習機器學習
- 機器學習整合學習—Apple的學習筆記機器學習APP筆記
- 機器學習——監督學習&無監督學習機器學習
- 前端週刊第62期:學習學習再學習前端
- 強化學習-學習筆記2 | 價值學習強化學習筆記
- 深度學習+深度強化學習+遷移學習【研修】深度學習強化學習遷移學習
- 學習產品快報09 | “CSDN學習”:增加學習提醒,提示學習不忘記
- JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆物件的區別JavaScriptStructJSON物件
- JSON.stringify()與JSON.parse()沒有你想的那樣簡單JSON
- 如何解決使用JSON.stringify時遇到的迴圈引用問題JSON
- Go學習【二】學習資料Go
- 《JAVA學習指南》學習筆記Java筆記
- 機器學習&深度學習之路機器學習深度學習
- java學習之道 --- 如何學習java?Java
- Golang 學習——interface 介面學習(一)Golang
- Golang 學習——interface 介面學習(二)Golang
- 強化學習10——迭代學習強化學習