javascript 有趣而詭異的數(shù)組
更新時(shí)間：2009年04月06日 00:59:32 作者：
javascript 有趣而詭異的數(shù)組
年前在重寫淘寶旺鋪里的會(huì)員卡腳本的時(shí)候，無意中發(fā)現(xiàn)了一個(gè)有趣的事情。代碼類似：
var associative_array = new Array();
associative_array["one"] = "1";
associative_array["two"] = "2";
associative_array["three"] = "3";
if(associative_array.length > 0)
{ // to do}
會(huì)發(fā)現(xiàn) associative_array.length 始終等于 0，當(dāng)時(shí)有點(diǎn)迷惑，后來才知道這就像大家認(rèn)為 IE 中支持 CSS 屬性 display:inline-block 一樣，純屬巧合和誤解。
There is no way to specify string keys in an array literal. //在數(shù)組字面量中無法定義字符串鍵值
Array.length does not count them as items. // Array.length 不會(huì)計(jì)算字符串鍵值
進(jìn)一步窺探數(shù)組：
1、數(shù)組可以根據(jù)所賦的值自動(dòng)調(diào)整大小
var ar = [];
ar[2] = 1;
alert(ar.length)
發(fā)現(xiàn)這個(gè)數(shù)組的長(zhǎng)度為 3，就像一個(gè)經(jīng)過初始化的數(shù)組一樣。所有沒有賦值的數(shù)組對(duì)象，都將被定義為 undefined 。
function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]';}
“The Miller Device” 的妙用不僅僅在于判斷數(shù)組：
var is = {
types : ["Array","RegExp","Date","Number","String","Object"]
};
for(var i=0,c;c=is.types[i++];){
is[c] = (function(type){
return function(obj){
return Object.prototype.toString.call(obj) == “[object "+type+"]“;
}
})(c);
}
復(fù)制代碼 代碼如下:
var associative_array = new Array();
associative_array["one"] = "1";
associative_array["two"] = "2";
associative_array["three"] = "3";
if(associative_array.length > 0)
{ // to do}
會(huì)發(fā)現(xiàn) associative_array.length 始終等于 0，當(dāng)時(shí)有點(diǎn)迷惑，后來才知道這就像大家認(rèn)為 IE 中支持 CSS 屬性 display:inline-block 一樣，純屬巧合和誤解。
實(shí)際上（引自《JavaScript “Associative Arrays” Considered Harmful》）：
There is no way to specify string keys in an array constructor. //在數(shù)組構(gòu)造函數(shù)中無法定義字符串鍵值JavaScript arrays (which are meant to be numeric) are often used to hold key/value pairs. This is bad practice. Object should be used instead.
//大意：數(shù)組只支持?jǐn)?shù)字的，鍵值對(duì)應(yīng)使用于對(duì)象上。
There is no way to specify string keys in an array literal. //在數(shù)組字面量中無法定義字符串鍵值
Array.length does not count them as items. // Array.length 不會(huì)計(jì)算字符串鍵值
進(jìn)一步窺探數(shù)組：
1、數(shù)組可以根據(jù)所賦的值自動(dòng)調(diào)整大小
復(fù)制代碼 代碼如下:
var ar = [];
ar[2] = 1;
alert(ar.length)
發(fā)現(xiàn)這個(gè)數(shù)組的長(zhǎng)度為 3，就像一個(gè)經(jīng)過初始化的數(shù)組一樣。所有沒有賦值的數(shù)組對(duì)象，都將被定義為 undefined 。
擴(kuò)展閱讀：
2、可使用 “The Miller Device” 方法來判斷是否是數(shù)組
復(fù)制代碼 代碼如下:
function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]';}
“The Miller Device” 的妙用不僅僅在于判斷數(shù)組：
復(fù)制代碼 代碼如下:
var is = {
types : ["Array","RegExp","Date","Number","String","Object"]
};
for(var i=0,c;c=is.types[i++];){
is[c] = (function(type){
return function(obj){
return Object.prototype.toString.call(obj) == “[object "+type+"]“;
}
})(c);
}
擴(kuò)展閱讀：
相關(guān)文章
最近在做一個(gè)簡(jiǎn)單的鼠標(biāo)onmouseover時(shí)顯示層（層里面有多個(gè)鏈接文字），onmouseout 時(shí)隱藏層的功能時(shí)，發(fā)現(xiàn)有諸多問題.2010-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義多列選擇器使用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JavaScript 的執(zhí)行機(jī)制，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了如何自定義微信小程序tabbar上邊框的顏色,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
引入 TypeScript 到 Electron 項(xiàng)目可以幫助你捕捉錯(cuò)誤并在編寫代碼時(shí)提供更好的自動(dòng)完成和文檔，這篇文章主要介紹了electron使用typescript的步驟,需要的朋友可以參考下2024-04-04
詳解async/await 異步應(yīng)用的常用場(chǎng)景
這篇文章主要介紹了詳解async/await 異步應(yīng)用的常用場(chǎng)景，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
單擊事件，將Td內(nèi)容更新為一個(gè)Div，其中裝載了一個(gè)Text，用于用戶輸入新的Td的值，一個(gè)確定按鈕，一個(gè)取消按鈕，用于保存或取消用戶的輸入內(nèi)容2013-01-01
Bootstrap 支持最常見的表單控件，主要是 input、textarea、checkbox、radio 和 select。本文通過實(shí)例代碼給大家講解Bootstrap所支持的表單控件，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
這篇文章主要介紹了JS數(shù)組Object.keys()方法的使用,結(jié)合實(shí)例形式分析了javascript使用Object.keys()方法進(jìn)行數(shù)組遍歷、讀取相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JavaScript+html實(shí)現(xiàn)前端頁面隨機(jī)二維碼驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了JavaScript+html實(shí)現(xiàn)前端頁面隨機(jī)二維碼驗(yàn)證，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06