DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JSON基礎 >> 1.6 本章總結
1.6 本章總結
編輯:JSON基礎     

一、JSON是什麼?

JSON,說白了就是JavaScript用來處理數據的一種格式,這種格式非常簡單易用。

JSON,大部分都是用來處理JavaScript和web服務器端之間的數據交換,把後台web服務器的數據傳遞到前台,然後使用JavaScript進行處理,例如ajax等。

JSON支持的語言非常多,包括JavaScript、C#、PHP、Java等等,這是由於JSON獨立於語言的輕量級的數據交換格式,這個特點有點類似於SQL語言。

二、JSON的2種結構

JSON結構共有2種:

(1)對象結構;

(2)數組結構;

1、對象結構

對象結構是使用大括號“{}”括起來的,大括號內是由0個或多個用英文逗號分隔的“關鍵字:值”對(key:value)構成的。

語法:

 
var jsonObj =
{
    "鍵名1":值1,
    "鍵名2":值2,
    ……
    "鍵名n":值n
}

說明:

jsonObj指的是json對象。對象結構是以“{”開始,到“}”結束。其中“鍵名”和“值”之間用英文冒號構成對,兩個“鍵名:值”之間用英文逗號分隔。

注意,這裡的鍵名是字符串,但是值可以是數值、字符串、對象、數組或邏輯true和false。

2、JSON數組結構

JSON數組結構是用中括號“[]”括起來,中括號內部由0個或多個以英文逗號“,”分隔的值列表組成。

語法:

 
var arr =
[
    {
        "鍵名1":值1,
        "鍵名2":值2
    },
    {
        "鍵名3":值3,
        "鍵名4":值4
    },
    ……
]

說明:

arr指的是json數組。數組結構是以“[”開始,到“]”結束,這一點跟JSON對象不同。在JSON數組中,每一對“{}”相當於一個JSON對象,大家看看像不像?而且語法都非常類似。

注意,這裡的鍵名是字符串,但是值可以是數值、字符串、對象、數組或邏輯true和false。

對於JSON對象結構和JSON數組結構的讀取、寫入、修改、刪除和遍歷等操作請到相應章節認真查看。

三、JSON對象和JSON字符串

1、普通字符串、JSON字符串和JSON對象

初學者經常有一個困惑,就是分不清普通字符串、JSON字符串和JSON對象。其實這3者是非常容易區分的。

(1)普通字符串

字符串嘛,大家都知道是使用單引號或雙引號括起來的一串字符。

舉例:

 
var str = " 學習網json教程";

(2)JSON對象

JSON對象我們在“JSON對象結構”這一節已經詳細為大家講解了。JSON對象,指的是符合JSON格式要求的JavaScript對象。

舉例:

 
var jsonObj = {"name":"helicopter","age":23,"gender":"男"};

(3)JSON字符串

JSON字符串,指的是符合“JSON格式”的字符串。

JSON字符串要求兩點:

① 必須是字符串,也就是要用單引號或雙引號括起來;

② 必須符合“JSON”格式。

舉例:

 
var jsonStr = '{"name": "helicopter", "age":23, "gender": "男"}';

JSON字符串說白了就是在JSON對象外面加一對單引號。

四、JSON在線解析工具

 學習網開發的這款JSON在線解析工具可以對JSON數據進行驗證、美化、壓縮和編寫等,非常的方便實用。

工具地址:JSON在線解析工具

這一章僅僅是講解了JSON基礎知識,在接下來的章節中我們會對在jQuery操作JSON、ASP.NET操作JSON等進行詳細講解。核心內容在後面章節,站長會不斷更新教程,請大家繼續關注JSON教程。

(教程未完待續,還望繼續關注更新!)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved