json對象與數組以及轉換成js對象的簡單實現方法,jsonjs

來源:互聯網
上載者:User

json對象與數組以及轉換成js對象的簡單實現方法,jsonjs

JSON 文法規則

JSON 文法是 JavaScript 物件標記法文法的子集。

•資料在成對的名稱和數值中
•資料由逗號分隔
•花括弧儲存對象
•方括弧儲存數組

JSON 對象

JSON 對象在花括弧中書寫:

對象可以包含多個成對的名稱和數值:

{ "firstName":"John" , "lastName":"Doe" } 

這一點也容易理解,與這條 JavaScript 語句等價:

firstName = "John"lastName = "Doe"

JSON 數組

JSON 數組在方括弧中書寫:

數組可包含多個對象:

{ "employees": [ { "firstName":"John" , "lastName":"Doe" }, { "firstName":"Anna" , "lastName":"Smith" }, { "firstName":"Peter" , "lastName":"Jones" } ] } 

在上面的例子中,對象 "employees" 是包含三個對象的數組。每個對象代表一條關於某人(有姓和名)的記錄。

JSON 檔案

•JSON 檔案的檔案類型是 ".json"
•JSON 文本的 MIME 類型是 "application/json"

JSON文本轉換為 JavaScript 對象

JavaScript 函數 eval() 可用於將 JSON 文本轉換為 JavaScript 對象。

eval() 函數使用的是 JavaScript 編譯器,可解析 JSON 文本,然後產生 JavaScript 對象。必須把文本包圍在括弧中,這樣才能避免語法錯誤:
var obj = eval ("(" + jsontxt + ")");

樣本:

  $.ajax({    type: 'POST',    url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名稱    data: "",    dataType: "text", //可以是text,如果用text,返回的結果為字串;如果需要json格式的,可以設定為json    ContentType: "application/json; charset=utf-8",    success: function (returnedData) {      getMarkerFeature(eval("(" + returnedData+ ")"));    },    error: function (msg) {      alert("訪問失敗:"+ msg);    }  });

通過JavaScript建立對象數組

var employees = [{ "firstName":"Bill" , "lastName":"Gates" },{ "firstName":"George" , "lastName":"Bush" },{ "firstName":"Thomas" , "lastName": "Carter" }];

JavaScript對象屬性訪問的兩種方式

object.attribute

object["attribute"]

例如:

var employees = [{ "firstName":"Bill" , "lastName":"Gates" },{ "firstName":"George" , "lastName":"Bush" },{ "firstName":"Thomas" , "lastName": "Carter" }];alert(employees[0].lastName); // 方式一alert(employees[0]["lastName"]); // 方式二

以上就是小編為大家帶來的json對象與數組以及轉換成js對象的簡單實現方法全部內容了,希望大家多多支援幫客之家~

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.