json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法
JSON 語(yǔ)法規(guī)則
JSON 語(yǔ)法是 JavaScript 對(duì)象表示法語(yǔ)法的子集。
•數(shù)據(jù)在名稱/值對(duì)中
•數(shù)據(jù)由逗號(hào)分隔
•花括號(hào)保存對(duì)象
•方括號(hào)保存數(shù)組
JSON 對(duì)象
JSON 對(duì)象在花括號(hào)中書寫：
對(duì)象可以包含多個(gè)名稱/值對(duì)：
{ "firstName":"John" , "lastName":"Doe" }
這一點(diǎn)也容易理解，與這條 JavaScript 語(yǔ)句等價(jià)：
firstName = "John" lastName = "Doe"
JSON 數(shù)組
JSON 數(shù)組在方括號(hào)中書寫：
數(shù)組可包含多個(gè)對(duì)象：
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
在上面的例子中，對(duì)象 "employees" 是包含三個(gè)對(duì)象的數(shù)組。每個(gè)對(duì)象代表一條關(guān)于某人（有姓和名）的記錄。
JSON 文件
•JSON 文件的文件類型是 ".json"
•JSON 文本的 MIME 類型是 "application/json"
JSON文本轉(zhuǎn)換為 JavaScript 對(duì)象
JavaScript 函數(shù) eval() 可用于將 JSON 文本轉(zhuǎn)換為 JavaScript 對(duì)象。
eval() 函數(shù)使用的是 JavaScript 編譯器，可解析 JSON 文本，然后生成 JavaScript 對(duì)象。必須把文本包圍在括號(hào)中，這樣才能避免語(yǔ)法錯(cuò)誤：
var obj = eval ("(" + jsontxt + ")");
示例：
$.ajax({
type: 'POST',
url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名稱
data: "",
dataType: "text", //可以是text，如果用text，返回的結(jié)果為字符串；如果需要json格式的，可以設(shè)置為json
ContentType: "application/json; charset=utf-8",
success: function (returnedData) {
getMarkerFeature(eval("(" + returnedData+ ")"));
},
error: function (msg) {
alert("訪問(wèn)失敗："+ msg);
}
});
通過(guò)JavaScript創(chuàng)建對(duì)象數(shù)組
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
JavaScript對(duì)象屬性訪問(wèn)的兩種方式
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"]); // 方式二
以上就是小編為大家?guī)?lái)的json對(duì)象與數(shù)組以及轉(zhuǎn)換成js對(duì)象的簡(jiǎn)單實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
- js將類數(shù)組對(duì)象轉(zhuǎn)換成數(shù)組對(duì)象
- js中如何把字符串轉(zhuǎn)化為對(duì)象、數(shù)組示例代碼
- JS從非數(shù)組對(duì)象轉(zhuǎn)數(shù)組的方法小結(jié)
- JS實(shí)現(xiàn)將對(duì)象轉(zhuǎn)化為數(shù)組的方法分析
- js接收并轉(zhuǎn)化Java中的數(shù)組對(duì)象的方法
- JavaScript類數(shù)組對(duì)象轉(zhuǎn)換為數(shù)組對(duì)象的方法實(shí)例分析
- JavaScript對(duì)象轉(zhuǎn)數(shù)組的三種方法實(shí)現(xiàn)
相關(guān)文章
javascript算法之?dāng)?shù)組反轉(zhuǎn)
使用FormData實(shí)現(xiàn)上傳多個(gè)文件
使用JavaScript實(shí)現(xiàn)node.js中的path.join方法
window.event.keyCode兼容IE和Firefox實(shí)現(xiàn)js代碼
JavaScript實(shí)現(xiàn)GriwView單列全選(自寫代碼)
基于js里調(diào)用函數(shù)時(shí),函數(shù)名帶括號(hào)和不帶括號(hào)的區(qū)別
原生js實(shí)現(xiàn)網(wǎng)易輪播圖效果