js 中{},[]中括號(hào),大括號(hào)使用詳解
更新時(shí)間：2011年05月12日 01:04:59 作者：
{ } 大括號(hào)，表示定義一個(gè)對(duì)象，大部分情況下要有成對(duì)的屬性和值，或是函數(shù)
一、{ } 大括號(hào)，表示定義一個(gè)對(duì)象，大部分情況下要有成對(duì)的屬性和值，或是函數(shù)。
如：var LangShen = {"Name":"Langshen","AGE":"28"};
上面聲明了一個(gè)名為“LangShen”的對(duì)象，多個(gè)屬性或函數(shù)用,（逗號(hào)）隔開，因?yàn)槭菍?duì)象的屬性，
所以訪問(wèn)時(shí)，應(yīng)該用.（點(diǎn)）來(lái)層層訪問(wèn)：LangShen.Name、LangShen.AGE，當(dāng)然我們也可以用數(shù)組的方式來(lái)訪問(wèn)，如：LangShen["Name"]、LangShen["AGE"]，結(jié)果是一樣的。
該寫法，在JSON數(shù)據(jù)結(jié)構(gòu)中經(jīng)常用，除此之外，我們平時(shí)寫函數(shù)組的時(shí)候，也經(jīng)常用到，如：
var LangShen = {
Name = function(){
return "LangShen";
},
Age = function(){
return "28";
}
}
調(diào)用方式差不多，因?yàn)槭呛瘮?shù)組，所以要加上()，如：alert( LangShen.Name() );
二、[ ]中括號(hào)，表示一個(gè)數(shù)組，也可以理解為一個(gè)數(shù)組對(duì)象。
如：var LangShen = [ "Name","LangShen","AGE","28" ];
很明顯，每個(gè)值或函數(shù)，都是獨(dú)立的，多個(gè)值之間只用,（逗號(hào)）隔開，因?yàn)槭菙?shù)組對(duì)象，所以它等于：
var LangShen = Array( "Name","LangShen","AGE","28" );
訪問(wèn)時(shí)，也是和數(shù)組一樣，alert( LangShen[0] );
三、{ } 和[ ] 一起使用，我們前面說(shuō)到，{ } 是一個(gè)對(duì)象，[ ] 是一個(gè)數(shù)組，我們可以組成一個(gè)對(duì)象數(shù)組，如：
var LangShen = { "Name":"Langshen",
"MyWife":[ "LuLu","26" ],
"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}]
}
從上面的結(jié)構(gòu)來(lái)看，是一個(gè)對(duì)象里面的第一項(xiàng)是個(gè)屬性，第二項(xiàng)是一個(gè)數(shù)組，第三個(gè)是包含有多個(gè)對(duì)象的數(shù)組。調(diào)用起來(lái)，也是一層一層訪問(wèn)，對(duì)象的屬性用.（點(diǎn)）疊加，數(shù)組用 [下標(biāo)] 來(lái)訪問(wèn)。
如：alert( LangShen.MySon[1].Name ) ;
如：var LangShen = {"Name":"Langshen","AGE":"28"};
上面聲明了一個(gè)名為“LangShen”的對(duì)象，多個(gè)屬性或函數(shù)用,（逗號(hào)）隔開，因?yàn)槭菍?duì)象的屬性，
所以訪問(wèn)時(shí)，應(yīng)該用.（點(diǎn)）來(lái)層層訪問(wèn)：LangShen.Name、LangShen.AGE，當(dāng)然我們也可以用數(shù)組的方式來(lái)訪問(wèn)，如：LangShen["Name"]、LangShen["AGE"]，結(jié)果是一樣的。
該寫法，在JSON數(shù)據(jù)結(jié)構(gòu)中經(jīng)常用，除此之外，我們平時(shí)寫函數(shù)組的時(shí)候，也經(jīng)常用到，如：
復(fù)制代碼 代碼如下:
var LangShen = {
Name = function(){
return "LangShen";
},
Age = function(){
return "28";
}
}
調(diào)用方式差不多，因?yàn)槭呛瘮?shù)組，所以要加上()，如：alert( LangShen.Name() );
二、[ ]中括號(hào)，表示一個(gè)數(shù)組，也可以理解為一個(gè)數(shù)組對(duì)象。
如：var LangShen = [ "Name","LangShen","AGE","28" ];
很明顯，每個(gè)值或函數(shù)，都是獨(dú)立的，多個(gè)值之間只用,（逗號(hào)）隔開，因?yàn)槭菙?shù)組對(duì)象，所以它等于：
var LangShen = Array( "Name","LangShen","AGE","28" );
訪問(wèn)時(shí)，也是和數(shù)組一樣，alert( LangShen[0] );
三、{ } 和[ ] 一起使用，我們前面說(shuō)到，{ } 是一個(gè)對(duì)象，[ ] 是一個(gè)數(shù)組，我們可以組成一個(gè)對(duì)象數(shù)組，如：
復(fù)制代碼 代碼如下:
var LangShen = { "Name":"Langshen",
"MyWife":[ "LuLu","26" ],
"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}]
}
從上面的結(jié)構(gòu)來(lái)看，是一個(gè)對(duì)象里面的第一項(xiàng)是個(gè)屬性，第二項(xiàng)是一個(gè)數(shù)組，第三個(gè)是包含有多個(gè)對(duì)象的數(shù)組。調(diào)用起來(lái)，也是一層一層訪問(wèn)，對(duì)象的屬性用.（點(diǎn)）疊加，數(shù)組用 [下標(biāo)] 來(lái)訪問(wèn)。
如：alert( LangShen.MySon[1].Name ) ;
您可能感興趣的文章:
相關(guān)文章
利用MutationObserver實(shí)現(xiàn)計(jì)算首屏?xí)r間
在前端開發(fā)中，優(yōu)化頁(yè)面性能是至關(guān)重要的，計(jì)算首屏?xí)r間是衡量網(wǎng)頁(yè)性能的重要指標(biāo)，本文將介紹如何使用MutationObserver來(lái)獲取首屏?xí)r間的最佳實(shí)踐，感興趣的可以了解下2023-07-07
這篇文章主要為大家詳細(xì)介紹了laydate.js日期時(shí)間選擇插件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法小結(jié)
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種方法小結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
js點(diǎn)擊列表文字對(duì)應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼
這篇文章主要介紹了js點(diǎn)擊列表文字對(duì)應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼,感興趣的小伙伴可以參考下2015-08-08
js模擬滾動(dòng)條(橫向豎向)，需要的朋友可以參考一下2013-02-02
javascript parseUrl函數(shù)(來(lái)自國(guó)外的獲取網(wǎng)址url參數(shù))
在外國(guó)一博客看到一個(gè)很好的函數(shù)，獲取網(wǎng)址url等地址參數(shù)。非常不錯(cuò)，值得參考與收藏。2010-06-06
實(shí)現(xiàn)隔行換色效果的兩種方式【實(shí)用】
本文主要介紹了實(shí)現(xiàn)隔行顏色交替 鼠標(biāo)經(jīng)過(guò)高亮顏色的兩種方式的具體實(shí)例，有助于理解和使用。方案一：純CSS編寫；方案二：js代碼編寫。需要的朋友可以參考下2016-11-11
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)圖片輪播代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
webpack如何自動(dòng)生成網(wǎng)站圖標(biāo)詳解
這篇文章主要給大家介紹了關(guān)于webpack如何自動(dòng)生成網(wǎng)站圖標(biāo)的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
JS加密插件CryptoJS實(shí)現(xiàn)AES加密操作示例
這篇文章主要介紹了JS加密插件CryptoJS實(shí)現(xiàn)AES加密操作,結(jié)合實(shí)例形式分析了CryptoJS插件的具體設(shè)置與AES加密操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-08-08