1. 程式人生 > >JSON.stringify的理解和使用

JSON.stringify的理解和使用

可能有些人對系列化這個詞過敏,我的理解很簡單。就是說把原來是物件的型別轉換成字串型別(或者更確切的說是json型別的)。就這麼簡單。打個比方說,你有一個類,那麼你可以通過這個方法轉換成相應的json型別的認識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 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.stringifyJSON.parse

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

qs.stringifyJSON.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.parseJSON.stringify 引數詳解

JSON.parse和JSON.stringify這兩個瀏覽器自帶(IE6/7除外)的方法平常我們經常用到,但是一般都只是用到了他們的第一個引數,比如字串轉物件:JSON.parse('{}')   物件轉字串:JSON.stringify({}) 今天特意看了下這

getpost請求用JSON.parseJSON.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.parsejson.stringify()用法

var utils = {//將form中的值轉換為鍵值對函式 getFormJSON: function(form) { var jsonData = {};

JSON.parseJSON.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"