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.stringify和JSON.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.stringify和JSON.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對象轉換成字符串,值轉換成字符串,字符串轉成值。當時主要是用在有時候處理字符串