JavaScript 以對(duì)象為索引的關(guān)聯(lián)數(shù)組
更新時(shí)間：2010年05月19日 18:30:32 作者：
我們常說(shuō)JavaScript原生支持json，因?yàn)槲覀兛梢哉J(rèn)為json就是對(duì)JavaScript的Object對(duì)象的靈活應(yīng)用。
關(guān)于JSON對(duì)象，你可以參看wikipedia（http://zh.wikipedia.org/zh-cn/JSON），還有官方網(wǎng)站（http://www.json.org/json-zh.html）。
var d = document.getElementById("hello"), obj = [1,2,3], a = {obj:"test"};
a[d] = "DOMElement";
alert(a[obj]); //undefined
alert(a[d]); //DOMElement
a[obj] = "Array Object";
alert(a[obj]); //Array Object
我們常說(shuō)JavaScript原生支持json，因?yàn)槲覀兛梢哉J(rèn)為json就是對(duì)JavaScript的Object對(duì)象的靈活應(yīng)用。
通常我們使用json的方式，主要用作前后臺(tái)數(shù)據(jù)交換的格式：
而在代碼邏輯中更多的是用關(guān)聯(lián)數(shù)組的方式。但即使是這樣我們也很少使用對(duì)象類(lèi)型作為鍵值對(duì)的鍵名。
var a= {}, b= [];
a[b] = new Date(); //通過(guò)a[b]可以取得時(shí)間值。
鍵名的類(lèi)型可以是對(duì)象，多么美好的一件事啊！
不過(guò)有一個(gè)問(wèn)題。如果你想這么用，需要有一個(gè)條件：數(shù)據(jù)必須是動(dòng)態(tài)添加的。（目前在同學(xué)這，沒(méi)有條件測(cè)試其他的瀏覽器，目前測(cè)試了IE8以及搜狗瀏覽器的IE內(nèi)核和weikit內(nèi)核）
測(cè)試代碼如下：
復(fù)制代碼 代碼如下:
var d = document.getElementById("hello"), obj = [1,2,3], a = {obj:"test"};
a[d] = "DOMElement";
alert(a[obj]); //undefined
alert(a[d]); //DOMElement
a[obj] = "Array Object";
alert(a[obj]); //Array Object
您可能感興趣的文章:
- 在JS數(shù)組特定索引處指定位置插入元素的技巧
- JS數(shù)組操作(數(shù)組增加、刪除、翻轉(zhuǎn)、轉(zhuǎn)字符串、取索引、截取(切片)slice、剪接splice、數(shù)組合并)
- javascript檢查某個(gè)元素在數(shù)組中的索引值
- JavaScript通過(guò)元素索引號(hào)刪除數(shù)組中對(duì)應(yīng)元素的方法
- 利用js查找數(shù)組中指定元素并返回該元素的所有索引示例
- 在JS數(shù)組特定索引處指定位置插入元素
- 淺談Javascript數(shù)組索引
- js以對(duì)象為索引的關(guān)聯(lián)數(shù)組
- JavaScript中的索引數(shù)組、關(guān)聯(lián)數(shù)組和靜態(tài)數(shù)組、動(dòng)態(tài)數(shù)組講解
- JS算法題之查找數(shù)字在數(shù)組中的索引位置
相關(guān)文章
javascript實(shí)現(xiàn)連續(xù)賦值
javascript如何實(shí)現(xiàn)連續(xù)賦值呢？下面小編就給大家介紹下用javascript實(shí)現(xiàn)連續(xù)賦值，有需要的朋友可以參考下2015-08-08
純JS實(shí)現(xiàn)可拖拽表單的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇純JS實(shí)現(xiàn)可拖拽表單的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
這篇文章主要介紹了JS中的const命令你真懂它嗎，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
webpack proxy,即webpack提供的代理服務(wù),基本行為就是接收客戶端發(fā)送的請(qǐng)求后轉(zhuǎn)發(fā)給其他服務(wù)器,本文給大家介紹了webpack proxy如何解決跨域問(wèn)題,感興趣的朋友跟隨小編一起看看吧2023-10-10
本文主要給大家講解了javascript中的json跨域問(wèn)題，以及跨域安全性的解決辦法，總結(jié)了2點(diǎn)，分享給大家，希望大家能夠喜歡。2016-03-03
3分鐘教你用JavaScript實(shí)現(xiàn)電子簽名效果
電子簽名已經(jīng)成為現(xiàn)代商業(yè)中不可或缺的一部分，它可以提高業(yè)務(wù)流程的效率和安全性。本文將介紹如何使用HTML5的canvas元素和JavaScript在前端實(shí)現(xiàn)電子簽名，需要的可以參考一下2023-04-04
xmlplus組件設(shè)計(jì)系列之文本框（TextBox)（3）
xmlplus 是一個(gè)JavaScript框架，用于快速開(kāi)發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus組件設(shè)計(jì)系列之文本框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
本篇文章主要是對(duì)asp.net刷新本頁(yè)面的六種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
ionic實(shí)現(xiàn)可滑動(dòng)的tab選項(xiàng)卡切換效果
這篇文章主要為大家詳細(xì)介紹了ionic實(shí)現(xiàn)可滑動(dòng)的tab選項(xiàng)卡切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
Javascript實(shí)現(xiàn)圖片輪播效果(一)讓圖片跳動(dòng)起來(lái)
圖片輪播效果，在各大網(wǎng)站的首頁(yè)都能看到，比較常見(jiàn)，下面腳本之家小編給大家介紹Javascript實(shí)現(xiàn)圖片輪播效果(一)讓圖片跳動(dòng)起來(lái)，需要的朋友參考下2016-02-02