javascript中[]和{}對(duì)象使用介紹
更新時(shí)間:2013年03月20日 15:05:37 作者:
[]不僅僅可以表示數(shù)組,可以直接通過(guò)對(duì)象的屬性設(shè)置值和訪問(wèn)值,接下來(lái)為大家介紹下[]和{}對(duì)象的使用,感興趣的你可以參考下哈
復(fù)制代碼 代碼如下:
var a=["apple","peach","banala"];
上述是一個(gè)數(shù)組的另一種定義方式,它相當(dāng)于
復(fù)制代碼 代碼如下:
var a=new Array();
a.push("apple");
a.push("peach");
a.push("banala");
復(fù)制代碼 代碼如下:
var b={a:"apple",p:"peach",b:"banala"};
上述是一個(gè)json對(duì)象
前面有兩個(gè)簡(jiǎn)潔的特殊的符號(hào)[]和{}.它們是一種對(duì)象的形式其中[]不僅僅可以表示數(shù)組,可以直接通過(guò)對(duì)象的屬性設(shè)置值和訪問(wèn)值。例如:
復(fù)制代碼 代碼如下:
var c=[];
c["a"]="apple";
c["b"]="banala";
或者
復(fù)制代碼 代碼如下:
var c={};
c["a"]="apple";
c["b"]="banala";
它們的功能和作用是一樣的,只有微小區(qū)別,稍后說(shuō)。
訪問(wèn)的時(shí)候可以直接通過(guò)屬性:
復(fù)制代碼 代碼如下:
alert(c["a"]);
顯示出“apple"。
若要遍歷的話,可以通過(guò):
復(fù)制代碼 代碼如下:
<PRE class=html name="code">for(var key in c)
alert(c[key]);</PRE>
<PRE></PRE>
這樣就會(huì)顯示出所有的屬性值。
<P></P>
<P>當(dāng)然jquery中有個(gè)each遍歷,也可以訪問(wèn)各個(gè)屬性和值。但是這僅當(dāng)是</P>
<PRE class=javascript name="code">var c={};</PRE>的情況,如果是
<PRE></PRE>
<PRE class=html name="code"><PRE class=html name="code">var c=[];</PRE><BR>
就不行。<BR>
<P></P>
<P>然后使用</P>
<P></P>
<PRE class=javascript name="code">$.each(c, function(key, val) {
alert(key+":"+val);
});</PRE><BR>
<P></P>
<P>使用對(duì)象的話,很方便,比起使用數(shù)組要快捷的多,在數(shù)組中查找一某個(gè)值的時(shí)間復(fù)雜度是O(n),而使用對(duì)象的話時(shí)間復(fù)雜度僅為O(1),所以大多數(shù)情況下使用對(duì)象來(lái)存儲(chǔ)值。</P>
<P><BR>
</P>
<P><BR>
</P>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>
</PRE>
相關(guān)文章
JavaScript駕馭網(wǎng)頁(yè)-獲取網(wǎng)頁(yè)元素
這篇文章主要介紹了JavaScript駕馭網(wǎng)頁(yè)-獲取網(wǎng)頁(yè)元素的相關(guān)資料,需要的朋友可以參考下2016-03-03
JavaScript中blob對(duì)象和file對(duì)象的區(qū)別及相互轉(zhuǎn)換實(shí)例
在JavaScript中,File和Blob是Web?API提供的兩個(gè)重要對(duì)象,用于處理文件和二進(jìn)制數(shù)據(jù),這篇文章主要介紹了JavaScript中blob對(duì)象和file對(duì)象的區(qū)別及相互轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2025-04-04
JS實(shí)現(xiàn)對(duì)json對(duì)象排序并刪除id相同項(xiàng)功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)對(duì)json對(duì)象排序并刪除id相同項(xiàng)功能,涉及javascript針對(duì)json格式數(shù)據(jù)的遍歷、運(yùn)算、判斷、添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)
這篇文章主要給大家介紹了關(guān)于如何在uniapp中獲取可視區(qū)域的高度(uni.getSystemInfo)的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用uniapp具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-04-04
基于Bootstrap下拉框插件bootstrap-select使用方法詳解
這篇文章主要為大家詳細(xì)介紹了基于Bootstrap下拉框插件bootstrap-select的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08
npm install jquery報(bào)錯(cuò)問(wèn)題解決
這篇文章主要為大家介紹了npm install jquery報(bào)錯(cuò)問(wèn)題解決分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
uniapp中uni.request(OBJECT)接口請(qǐng)求封裝實(shí)例代碼
在開(kāi)發(fā)的時(shí)候經(jīng)常會(huì)用到前端請(qǐng)求后端接口,每次的請(qǐng)求都會(huì)出現(xiàn)地址不一樣,參數(shù)不一樣,方式不一樣等等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中uni.request(OBJECT)接口請(qǐng)求封裝的相關(guān)資料,需要的朋友可以參考下2022-12-12

