首頁 > web前端 > js教程 > 什麼是json?javascript如何用json創建對象

什麼是json?javascript如何用json創建對象

伊谢尔伦
發布: 2017-07-27 10:24:30
原創
1567 人瀏覽過

什麼是JSON ? 

JSON (JavaScript Object Notation)即JavaScript物件命名,是一種輕量級的資料交換格式,易於閱讀和編寫,同時也易於及其解析和產生。它是基於《JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999》的子集。 JSON是完全獨立於語言的文字格式,因此成為資料交換的理想格式。

JSON作為JavaScript的一個自己,同時ActionScript、C、C#、ColdFusion、E、Java、JavaScript、ML、ObjectiveCAML、Perl、PHP、Python、Rebol、Ruby、Lua等一系列的語言都提供支持,使得JSON成為Ajax開發的首選方案。

JSON有兩種建構方式,一種是採用簡單的「鍵/值對」的集合,在不同的語言中被理解為物件、記錄、結構、字典、雜湊表、有鍵列表,或關聯數組等,另一種採用有序的值列表,大部分語言把它理解為數組。

常用的創建方式是第一種,即採用「鍵/值對」集合的形式。在這種形式下,一個物件以「{」(左括號)開始,「}」(右括號)結束。每個“名稱”後面跟著一個“:”(冒號),“ ‘鍵/值' 對”之間使用“,”(逗號)分隔。 

JSON有以下特點:(1)簡單格式化的資料交換;(2)易於人們的讀寫習慣;(3)易於機器的分析與運作。 
在JavaScript中,JSON被理解為物件。透過字串形式的JSON,資料可以很方便地解析成JavaScript獨享,並進行資料的讀取傳遞。透過JSON,在某種程度上客服了JavaScript物件無法作為參數系列化傳遞的問題。 

JSON值的型別 

JSON的值可以是簡單的資料型別,例如數字、浮點、字元等,也可以是陣列及物件。例如以陣列作為member鍵值的JSON: 

{member:[{name:"刘德华"},{name:"郭富城"},{name:"张学友"},{name:"黎明"}]}
登入後複製
{ 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}
登入後複製

#在JavaScript中使用JSON 

JSON是JavaScript原生格式,這表示在JavaScript中處理JSON資料不需要任何特殊的API或工具包,JavaScript預設將JSON當作一個物件處理。

將物件傳遞給一個變量,例如: 

var somebooks = { 
book:[{name:"三国演义"},{name:"西游记"},{name:"水浒传"},{name:"红楼梦"}], 
author:[{name:"罗贯中"},{name:"吴承恩"},{name:"施耐安",{name:"曹雪芹"}}] 
}
登入後複製

JSON的每個「鍵」相當於物件的屬性,例如存取book中的第一個條目,在JavaScript中,就可以簡單地使用「somebooks.book[0].name」來取得「三國演義」這個值。 

我們不但可以將一個JSON字串轉換為對象,反過來將一個物件「編譯」為一個JSON字串,以方便JavaScript中的物件的傳輸。例如: 

var Animals = new Object(); 
Animals.name = "dog"; 
Animals.sex = "Male"; 
Animals.age = "2";
登入後複製

Animals物件無法被序列化傳輸,將Animals物件轉換為JSON字串,也就是「{name:"dog",sex:"Male",age:"2"}」。這樣,把該JSON字串當作HTTP請求的一個參數傳遞,從而達到序列化傳輸Animals物件的目的。

JSON透過字串形式來表達JavaScript的物件。如: 

var myObject = {nickname:"my girlfried",name:"big pig"};
登入後複製

JSON實際上充當了一種在JavaScript物件和字串之間實現相互轉換的協定。由於JSON的「外表」可以看成但村的字串,因此JSON在JavaScript的物件傳輸方面可以起到一定的作用。例如把物件strObject轉換成字串後進行傳輸,在達到目的地後透過eval方法將其還原成物件: 

function test (o) 
{ 
alert (o.name) 
} 
var strObject = '{nickname:"my girlfriend",name:"big pig"}'; 
test (eval("(" + strObject + ")"));
登入後複製

以上是什麼是json?javascript如何用json創建對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板