學習JSON.stringify()
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/69901823/viewspace-2785546/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JSON.stringify() 方法JSON
- JSON.stringify 的使用JSON
- JSON.stringify 新手入門JSON
- JSON.stringify() 的深入理解JSON
- 如何提升JSON.stringify()的效能?JSON
- 理解JSON.stringify()高階用法JSON
- JSON.stringify()程式碼例項JSON
- 你不知道的 JSON.stringifyJSON
- JSON.parse(str),JSON.stringify(a)JSON
- JSON.parse()和JSON.stringify()JSON
- JSON.stringify 函式引數分析JSON函式
- 學習學習再學習
- JSON.parse與JSON.stringify(object)JSONObject
- 你不知道的JSON.stringify()妙用JSON
- 前端 JavaScript 中 JSON.stringify() 的基本用法前端JavaScriptJSON
- 深度學習——學習目錄——學習中……深度學習
- JSON.parse 和 JSON.stringify 詳解JSON
- 深度學習(一)深度學習學習資料深度學習
- 深度學習學習框架深度學習框架
- 強化學習-學習筆記3 | 策略學習強化學習筆記
- 學習產品快報09 | “CSDN學習”:增加學習提醒,提示學習不忘記
- 【強化學習】強化學習/增強學習/再勵學習介紹強化學習
- 有意思的JSON.parse()、JSON.stringify()JSON
- 學習ThinkPHP,學習OneThinkPHP
- 前端學習之Bootstrap學習前端boot
- 學而習之,成就學習
- 前端週刊第62期:學習學習再學習前端
- 深度學習+深度強化學習+遷移學習【研修】深度學習強化學習遷移學習
- 強化學習-學習筆記2 | 價值學習強化學習筆記
- Golang 學習——interface 介面學習(一)Golang
- Golang 學習——interface 介面學習(二)Golang
- 深度學習學習7步驟深度學習
- 《JAVA學習指南》學習筆記Java筆記
- Go學習【二】學習資料Go
- java學習之道 --- 如何學習java?Java
- 免殺學習-基礎學習
- 強化學習10——迭代學習強化學習
- 程式設計學習MarkDown學習程式設計