1. 程式人生 > >JSON.stringify 語法例項講解 JSON格式化

JSON.stringify 語法例項講解 JSON格式化

語法: 
  JSON.stringify(value [, replacer] [, space]) 

  • value:是必選欄位。就是你輸入的物件,比如陣列,類等。 
  • replacer:這個是可選的。它又分為2種方式,一種是陣列,第二種是方法。 

情況一:replacer為陣列時,通過後面的實驗可以知道,它是和第一個引數value有關係的。一般來說,系列化後的結果是通過鍵值對來進行表示的。 所以,如果此時第二個引數的值在第一個存在,那麼就以第二個引數的值做key,第一個引數的值為value進行表示,如果不存在,就忽略。

  情況二:replacer為方法時,那很簡單,就是說把系列化後的每一個物件(記住是每一個)傳進方法裡面進行處理。 

  • space:就是用什麼來做分隔符的。 

  1)如果省略的話,那麼顯示出來的值就沒有分隔符,直接輸出來 。
  2)如果是一個數字的話,那麼它就定義縮排幾個字元,當然如果大於10 ,則預設為10,因為最大值為10。
  3)如果是一些轉義字元,比如“\t”,表示回車,那麼它每行一個回車。 
  4)如果僅僅是字串,就在每行輸出值的時候把這些字串附加上去。當然,最大長度也是10個字元。 
下面用例項說明;

  1)只有第一個引數的情況下

複製程式碼
//1var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location 
= "China"; var json = JSON.stringify(student); alert(json); //alert(student);
複製程式碼

  結果如下圖:

  有些人可能會懷疑JSON.stringify的作用。那假如,我們不要這個函式,而直接alert(student),結果如下:

  這次意識到JSON.stringify的作用了吧。

  2)第二個引數存在,並且第二個引數還是function的時候 

複製程式碼
//2var students = new Array() ; 
students[0] = "onepiece"; 
students[1] = "naruto"; 
students[
2] = "bleach"; var json = JSON.stringify(students,switchUpper); function switchUpper(key, value) { return value.toString().toUpperCase(); } alert(json); /*下面這種方式也可以 var json = JSON.stringify(students, function (key,value) { return value.toString().toUpperCase()}); alert(json); */
複製程式碼

  執行結果如下:

  3)第二個引數存在,並且第二個引數不是function,而是陣列的時候

複製程式碼
//3var stuArr1 = new Array() ; 
stuArr1[0] = "onepiece"; 
stuArr1[1] = "naruto"; 
stuArr1[2] = "bleach"; 
var stuArr2 = new Array(); 
stuArr2[0] = "1"; 
stuArr2[1] = "2"; 
var json = JSON.stringify(stuArr1,stuArr2)
alert(json); 
複製程式碼

  執行結果如下:

  第二個引數被忽略了,只是第一個引數被系列化了。

  4)如果第一個引數是物件,第二個引數是陣列的情況

複製程式碼
//4var stuObj = new Object(); 
stuObj.id = "20122014001"; 
stuObj.name = "Tomy"; 
stuObj.age = 25; 

var stuArr = new Array(); 
stuArr[0] = "id"; 
stuArr[1] = "age"; 
stuArr[2] = "addr";//這個stuObj物件裡不存在。 var json = JSON.stringify(stuObj,stuArr); 
//var json = JSON.stringify(stuObj,stuArr,1000); 
//var json = JSON.stringify(stuObj,stuArr,'\t'); 
//var json = JSON.stringify(stuObj,stuArr,'OK '); 
alert(json); 
複製程式碼

  執行結果如下:

  第三個引數為數字時候的輸出結果:

  第三個引數為轉義字元\t的時候輸出的結果:

  第三個引數為字串時候的輸出結果:

參考資料:

http://www.jb51.net/article/29893.htm


相關推薦

JSON.stringify 語法例項講解 JSON格式化

語法:   JSON.stringify(value [, replacer] [, space])  value:是必選欄位。就是你輸入的物件,比如陣列,類等。 replacer:這個是可選的。它又分為2種方式,一種是陣列,第二種是方法。  情況一:replacer為陣

JSON.stringify 語法例項講解

認識javascript也不短的時間了,可是這個用法說實在的,我還是第一次見過,慚愧啊慚愧啊。於是乎,在網上找了寫資料,寫了些例子 希望能給園子們一些幫助。 作用:這個函式的作用主要是為了系列化物件的。 可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是物件的型別轉換成字串型別(或者更確切的說是

【js】JSON.stringify 語法例項講解

語法:   JSON.stringify(value [, replacer] [, space])  value:是必選欄位。就是你輸入的物件,比如陣列,類等。  replacer:這個是可選的。它又分為2種方式,一種是陣列,第二種是方法。  情況一:replacer為陣列時,通過後面的實

【轉】JSON.stringify 語法例項講解

轉自: 語法: JSON.stringify(value [, replacer] [, space]) value:是必選欄位。就是你輸入的物件,比如陣列,類等。 replacer:這個是可選的。它又分為2種方式,一種是陣列,第二種是方法。

JSON格式化JSON.stringify()的用法

可選 () 結果 obj 縮進 ring 關系 val 最大值 JSON.stringify(json [, replacer] [, space]) 的用法 (1) json值:必須,可以是數組或Object; (2) replacer: 可選值,可以是數組,也可以是方法

JSON.stringify可以輸出格式化JSON字串

JSON.stringify() 方法用於將一個json值轉為字串; JSON.parse() 方法用於將json字串轉化成物件;     當我們用JSON.stringify()方法將json值轉為字串時,你會發現所有字串都連在一塊,根本看不懂。那麼就有下面的解決方法了

JSON.parse()和JSON.stringify()

結果 console str ted pro att name 字符串 tor parse用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果: JSON.parse(str)

Js中JSON.stringify()與JSON.parse()與eval()詳解及使用案例

div 網絡 blog 處理 ive asc 還要 ava 不同 JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。因為采用獨立於語言的文本格式,也使用了類似於C語言家族的習慣,擁有了這些特性使使JSON稱為理想的數據交換語言,作用

JSON.stringify()的深度使用

json數據 pan defined 默認 序列 div cer 深度 stringify 在使用JSON.stringify()對JSON數據進行序列化時 1> 如果裏面的屬性是function,則會被忽略 const data = { a: ‘

JSON.stringify(),JSON.parse(),toJSON()方法使用

ber str 對象 on() 序列 應用 對象轉json 操作 object JSON.stringify():將value(Object,Array,String,Number...)序列化為JSON字符串 JSON.parse():將JSON數據解析為js原生值 to

js中解析json時候的eval和$.parseJSON()的區別以及JSON.stringify()

對話 {} alert tle 用戶 sdn clas div 轉換成 1.第一個區別是:安全性 json格式非常受歡迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,這兩者之間有什麽區別呢? JSON.parse

json.stringify

upper 鍵值對 長度 png n) span 不存在 技術 new JSON.stringify(value [, replacer] [, space]) value:是必選字段。就是你輸入的對象,比如數組,類等。 replacer:這個是可選的。它又分為2種方

關於vue中JSON.parse(JSON.stringify(...))使用深拷貝問題

使用 用法 stringify 聯系 拷貝 vue name parse 單獨 一般我們單獨用JSON.parse()或JSON.stringify() 今天在學vue看到JSON.parse(JSON.stringify(...))的用法,這裏研究一下; 首先分別說下他們

JSON.parse(str) 和 JSON.stringify(json)

spa code imm 對象解析 ole sep itl ren dimm parse用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果: JSON.parse(str) age

JSON.stringify(),JSON.parse()

soft 轉化 忽略 引擎 -i null 現在 用法 原始類型 JSON格式 1. 復合類型的值只能是數組或對象,不能是函數、正則表達式對象、日期對象。 2. 簡單類型的值只有四種:字符串、數值(必須以十進制表示)、布爾值和null(不能使用NaN, Infinity

JSON.stringify實戰用法

sort eai 阿裏 pla 方法 ava 操作 對象 定義 1.首先定義一個數組 var teamPlanMinList = new Array(); 2. 定義一個json對象 var json = { "plname":plname, "co

JSON.stringify()和JSON.parse()分別是什麽

string gif obj bject 什麽 是什麽 分別是 object 對象 JSON.stringify() 從一個對象中解析出字符串 JSON.stringify({"a":"1","b":"2"}) 結果是:"{"a":"1","b":"2"}" JSON.

模塊講解----json模塊(跨平臺的序列化與反序列化)

/usr 列表 strong 序列化 類型轉換 min 字符 虛擬 json 一、json的特點 1、只能處理簡單的可序列化的對象;(字典,列表,元祖) 2、json支持不同語言之間的數據交互;(python - go,python - java) 二、使用場

模塊講解----json與pickle模塊的區別

在一起 -- 類型 數據類型 讀寫 功能 -s 字符串 序列 1、在生產中,dumps和loads只進行一次,而且要用w把原來的數據沖掉,從而保證每次都是最新的。 2、虛擬機的快照,是每個快照都有一個文件,而不是全都不放在一起。 3、如果想生產好幾個序列化,就生成多個文件。

你不知道的JSON.stringifyJSON.parse

mar png 遍歷 bool 簡單的 log 之間 表示法 名稱 json是JavaScript 對象表示法(JavaScript Object Notation),是一種簡單的數據格式,類似於XML,其格式為名稱/值對,數據用逗號隔開,名稱必須用雙引號括起來。例如: