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ù)組的長度為 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ù)組的長度為 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)文章
網(wǎng)站導(dǎo)致瀏覽器崩潰的原因總結(jié)(多款瀏覽器) 推薦
對(duì)于訪客，如果登錄您網(wǎng)站，瀏覽器就立刻崩潰，我想這對(duì)誰都是無法容忍的，對(duì)此總結(jié)了網(wǎng)站導(dǎo)致瀏覽器崩潰的原因2010-04-04
javascript實(shí)現(xiàn)自由編輯圖片代碼詳解
這篇文章主要介紹了javascript實(shí)現(xiàn)自由編輯圖片代碼詳解，在當(dāng)下的的前端項(xiàng)目中，圖片功能可以說是非常常見的，圖片的展示、圖片的裁剪編輯、圖片的上傳等，那么我們的項(xiàng)目便來了個(gè)需求。,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了JS如何判斷對(duì)象是否包含某個(gè)屬性,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
下面小編就為大家?guī)硪黄獪\談js數(shù)據(jù)類型判斷與數(shù)組判斷。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JS.GetAllChild(element,deep,condition)使用介紹
JS.GetAllChild()獲取所有子節(jié)點(diǎn)，想必大家都知道吧，具體的使用方法如下，感興趣的朋友可以參考下2013-09-09
詳解關(guān)于微信setData回調(diào)函數(shù)中的坑
這篇文章主要介紹了詳解關(guān)于微信setData回調(diào)函數(shù)中的坑，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
有些代碼,需要的時(shí)候能寫的出來,但是也需要時(shí)間,如果有的東西長時(shí)間不接觸,再次看的時(shí)候也會(huì)感覺很陌生,這篇文章主要給大家介紹了一些不常見卻很實(shí)用的JS技巧,既可以作為一個(gè)知識(shí)的積累,又可以作為閑暇時(shí)打發(fā)時(shí)間寫寫代碼的記錄,需要的朋友可以參考下2021-11-11
javascript中$(function() {});寫與不寫有哪些區(qū)別
javascript中$(function() {....}) 是jQuery中的經(jīng)典用法，等同于 $(document).ready(function() {....}) javascript中$(function() {});寫與不寫有哪些區(qū)別，需要的朋友可以參考下2015-08-08
通過Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼
通過Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼，需要的朋友可以參考下2012-06-06
在寫一些關(guān)于圖片操作的代碼的時(shí)候，一般都需要在圖片加載完成之后再執(zhí)行程序。然而在Chorme中（貌似Safari也是）對(duì)window.onload的理解與IE和FF有偏差。2010-03-03