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

JSON.stringify 語法例項講解

認識javascript也不短的時間了,可是這個用法說實在的,我還是第一次見過,慚愧啊慚愧啊。於是乎,在網上找了寫資料,寫了些例子 希望能給園子們一些幫助。

作用:這個函式的作用主要是為了系列化物件的。
可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是物件的型別轉換成字串型別(或者更確切的說是json型別的)。就這麼簡單。打個比方說,你有一個類,那麼你可以通過這個方法轉換成相應的json型別的。很簡單吧。
接著看。
語法:
JSON.stringify(value [, replacer] [, space])
value:是必須要的欄位。就是你輸入的物件,比如陣列啊,類啊等等。
replacer:這個是可選的。它又分為2種方式,一種是方法,第二種是陣列。
情況一:我們先說資料,通過我們後面的實驗可以知道,它是和第一個有關係的。一般來說,我們系列化後的結果是通過鍵值對來進行表示的。
比如說:
name:"lan",age:25
這種形式。
所以,如果這種形式的話,如果第二個的值在第一個存在,那麼的話就以第二個的值做key,第一個值為value進行表示,如果不存在,sorry,忽略。【是不是有點抽象,我也這麼覺得,不過你等一下看實驗 就OK了。。呼呼。】
情況二:如果是方法,那很簡單,就是說把系列化後的每一個物件(記住 是每一個)傳進方法裡面進行處理。
space:很好理解,用什麼來做分隔符的。
1.如果省略的話,那麼顯示出來的值 就沒有分隔符。直接輸出來
2.如果是一個數字的話,那麼它就定義縮排幾個字元,當然 如果大於10 ,則最大值為10.
3.如果是一些轉義字元,比如“\t”,表示回車,那麼它每行一個回車。
4.如果僅僅是字串,OK,就在每行輸出值的時候把這些字串附加上去就OK。當然,最大長度也是10個字元。
開始用例項說明;


1.只有一個引數的情況下:

var obj={
 webName:"指令碼之家",
 url:"jb51.net",
 age:"2"
}
var str=JSON.stringify(obj)
console.log(str);


上面的程式碼實現了轉換功能,這裡採用的是JSON.stringify(),這是ECMAScript5新增的方法。
存在一定的瀏覽器相容性問題,具體如下:
(1).IE8和IE8以上瀏覽器支援此方法。
(2).谷歌瀏覽器支援此方法。
(3).火狐瀏覽器支援此方法。
(4).opera瀏覽器支援此方法。
(5).Safria瀏覽器支援此方法。

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
var json = JSON.stringify(student); 
alert(student);


結果如下:

有些人可能會懷疑JSON.stringify的作用,OK。那假如,我們不要這個函式。程式碼下面的樣子:

var student = new Object(); 
student.name = "Lanny"; 
student.age = "25"; 
student.location = "China"; 
  
// var json = JSON.stringify(student); 
alert(student);


 恭喜你 得到的結果是:

沒騙你吧,繼續。
2.第二個引數存在,並且第二個引數還是function的時候

var students = new Array() ; 
students[0] = "Lanny"; 
students[1] = "dong"; 
students[2] = "I love you"; 
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(); 
  
       //});



上面的方法也可以換成下面的,2個都是一樣,只是寫法有那麼一點點的不一樣而已。
 得到結果如下:

3.第二個引數存在,並且第二個引數不是function,而是陣列的時候。
3.1 【誤區】如果第一個引數是陣列,第二個引數也是陣列的話,只顯示第一個引數的值。
比如:

var students = new Array() ; 
students[0] = "Lanny"; 
students[1] = "dong"; 
students[2] = "I love you"; 
var stu = new Array(); 
stu[0] = "1"; 
stu[1] = "2"; 
var json = JSON.stringify(students,stu); 
alert(json);


sorry 得到的結果就是:

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

3.2 如果第一個是物件(這裡說的物件就像在C#裡面可以進行new的),第二個是陣列的。

那麼如果第二個的value在第一個存在,那麼的話就以第二個的值做key,第一個值為value進行表示

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 
  
var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi";//這個student物件裡不存在。 
  
var json = JSON.stringify(student,stu); 
alert(json);


得到的結果如下:

因為stu[2] = "Hi";這個Hi 在第一個找不到,所以就不進行顯示了。

4.第三個引數

4.1.如果省略的話,那麼顯示出來的值 就沒有分隔符。直接輸出來

比如:

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 
  
var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi"; 
  
var json = JSON.stringify(student,stu); 
alert(json);


 輸出的就是:

4.2.如果是一個數字的話,那麼它就定義縮排幾個字元,當然 如果大於10 ,則最大值為10.

var student = new Object(); 
student.qq = "5485891512"; 
student.name = "Lanny"; 
student.age = 25; 
  
var stu = new Array(); 
stu[0] = "qq"; 
stu[1] = "age"; 
stu[2] = "Hi"; 
  
var json = JSON.stringify(student,stu,100);//注意這裡的100 
alert(json);


那麼得到的是:

空開來了10個字元。

4.3.如果是一些轉義字元,比如“\t”,表示回車,那麼它每行一個回車。

也是一樣。

4.4.如果僅僅是字串,OK,就在每行輸出值的時候把這些字串附加上去就OK。當然,最大長度也是10個字元。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//

就這樣吧 。good night。

原文連結:http://www.cnblogs.com/damonlan/

相關推薦

JSON.stringify 語法例項講解

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

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

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

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

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

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

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

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.stringifyJSON.parse

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

JSON.stringify()

only acer val ren cif all javascrip href value https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stri

qs.stringifyJSON.stringify的使用和區別

都是 ron class tro 沒有 項目 code c99 pan 最近在用vue2.x做項目,說實話,項目比較趕不吃力那肯定是假的。這裏順帶吐槽一下二線城市東莞,我之前待的城市。深圳很多新技術打得火熱,東莞還是有點滯後吶。言歸正傳,說說 qs.stringify和JS

JSON.parse()與JSON.stringify()的區別

data lin 結果 gif 一個 字符串 div 對象 oat JSON.parse()【從一個字符串中解析出json對象】 例子: //定義一個字符串 var data=‘{"name":"goatling"}‘ //解析對象? ?JSON.parse(data) 結

淺談 JSON.stringify 方法

分數 前言 lB cheng toolbar 讀取 處理 值轉換 bsp 一、前言 最近項目中,遇到需要將對象轉換成字符串進行傳遞,上次寫過一篇文章關於json字符串轉換成json對象,json對象轉換成字符串,值轉換成字符串,字符串轉成值。當時主要是用在有時候處理字符串