JSON.stringify的理解和使用
作用:這個函式的作用主要是為了系列化物件的。
可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是物件的型別轉換成字串型別(或者更確切的說是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 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/
相關推薦
npm、package.json的理解和學習
npm 是一個包管理器,它讓 JavaScript 開發者分享、複用程式碼更方便(有點 maven 的感覺哈)。 在程式開發中我們常常需要依賴別人提供的框架,寫 JS 也不例外。這些可以重複的框架程式碼被稱作包(package)或者模組(module),一個包可以是一個資料夾裡放著幾個檔案,同時
JSON.stringify的理解和使用
可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是物件的型別轉換成字串型別(或者更確切的說是json型別的)。就這麼簡單。打個比方說,你有一個類,那麼你可以通過這個方法轉換成相應的json型別的認識javascript也不短的時間了,可是這個用法說實在的,我還是第
JSON.parse()和JSON.stringify()
結果 console str ted pro att name 字符串 tor parse用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果: JSON.parse(str)
js中解析json時候的eval和$.parseJSON()的區別以及JSON.stringify()
對話 {} alert tle 用戶 sdn clas div 轉換成 1.第一個區別是:安全性 json格式非常受歡迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,這兩者之間有什麽區別呢? JSON.parse
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()分別是什麽
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,其格式為名稱/值對,數據用逗號隔開,名稱必須用雙引號括起來。例如:
qs.stringify和JSON.stringify的使用和區別
都是 ron class tro 沒有 項目 code c99 pan 最近在用vue2.x做項目,說實話,項目比較趕不吃力那肯定是假的。這裏順帶吐槽一下二線城市東莞,我之前待的城市。深圳很多新技術打得火熱,東莞還是有點滯後吶。言歸正傳,說說 qs.stringify和JS
jquery 的JSON.parse JSON.stringify 和parseJSON 方法的區別使用
控制字符 OS ava imm head span 轉義 dep itl 1.JSON.parse(str) 用於從一個字符串中解析出json對象,如 var str = ‘{"name":"huangxiaojian","age":"23"}‘ 結果: JSON.pars
JSON.parse() 和 JSON.stringify()的簡單介紹
文本 原來 local 也不能 將不 一次 json格式 iter ati 參考地址: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
JavaScript -- JSON.parse 函式 和 JSON.stringify 函式
JavaScript -- JSON.parse 函式 和 JSON.stringify 函式 1. JSON.parse 函式: 使用 JSON.parse 可將 JSON 字串轉換成物件。 <!doctype html> <html> <head> &l
javascript~物件的列印和JSON.stringify列印區別
1)物件的列印 直接列印物件,則是 xxx: 123 2)JSON.stringify列印 由於是用+,所以必須被序列化成字串才行。不然字串和物件肯定無法連線。 打印出來的多了個"",還可以通過JSON.parse再次解析為物件 "xxxx":123
JSON.parse和JSON.stringify 引數詳解
JSON.parse和JSON.stringify這兩個瀏覽器自帶(IE6/7除外)的方法平常我們經常用到,但是一般都只是用到了他們的第一個引數,比如字串轉物件:JSON.parse('{}') 物件轉字串:JSON.stringify({}) 今天特意看了下這
get和post請求用JSON.parse和JSON.stringify取引數
1,JSON.parse將一個 JSON 字串轉換為物件 2,JSON.stringify將物件轉成字串 JSON.parse()【從一個字串中解析出json物件】 例子: //定義一個字串 var data='{"name":"goatling"}' //
(JSON解析)JSON.parse()和JSON.stringify()的區別
話不多說,直接看程式碼 <script> //定義一個字串 var data = '{"name":"hello world"}'; console.log(data); //解析字串 var hello =
js陣列使用JSON.stringify()和toString()的區別
var arr = [1,2,3,4]; console.log(arr.toString()); // 1,2,3,4 alert(JSON.stringify(arr)); console.log(JSON.stringify(arr)); // [1,2,3,4]
JSON.parse()和JSON.stringify()使用介紹
parse用於從一個字串中解析出json物件 注意:單引號寫在{}外,每個屬性名都必須用雙引號,否則會丟擲異常。 stringify()用於從一個物件解析出字串 <!DOCTYPE h
將form中的值轉換為鍵值對函式,Json.parse和json.stringify()用法
var utils = {//將form中的值轉換為鍵值對函式 getFormJSON: function(form) { var jsonData = {};
JSON.parse和JSON.stringify轉化失敗的原因
1.所轉化的內容是否為嚴格的json格式: 例如: var text = "{"alpha_list": [NaN, NaN,NaN], "tracking_error_list": [0.0, 0.06, 0.044, 0.115, 0.1, 0.091, 0.091,
JSON.stringify()和JSON.parse()分別是什麼
JSON.stringify() 從一個物件中解析出字串JSON.stringify({"a":"1","b":"2"})結果是:"{"a":"1","b":"2"}"JSON.parse()從一個字串中解析出JSON物件var str = '{"a":"1","b":"2"