javascript 有趣而诡异的数组
更新时间：2009年04月06日 00:59:32 作者：
javascript 有趣而诡异的数组
年前在重写淘宝旺铺里的会员卡脚本的时候，无意中发现了一个有趣的事情。代码类似：
var associative_array = new Array();
associative_array["one"] = "1";
associative_array["two"] = "2";
associative_array["three"] = "3";
if(associative_array.length > 0)
{ // to do}
会发现 associative_array.length 始终等于 0，当时有点迷惑，后来才知道这就像大家认为 IE 中支持 CSS 属性 display:inline-block 一样，纯属巧合和误解。
There is no way to specify string keys in an array literal. //在数组字面量中无法定义字符串键值
Array.length does not count them as items. // Array.length 不会计算字符串键值
进一步窥探数组：
1、数组可以根据所赋的值自动调整大小
var ar = [];
ar[2] = 1;
alert(ar.length)
发现这个数组的长度为 3，就像一个经过初始化的数组一样。所有没有赋值的数组对象，都将被定义为 undefined 。
function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]';}
“The Miller Device” 的妙用不仅仅在于判断数组：
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);
}
复制代码 代码如下:
var associative_array = new Array();
associative_array["one"] = "1";
associative_array["two"] = "2";
associative_array["three"] = "3";
if(associative_array.length > 0)
{ // to do}
会发现 associative_array.length 始终等于 0，当时有点迷惑，后来才知道这就像大家认为 IE 中支持 CSS 属性 display:inline-block 一样，纯属巧合和误解。
实际上（引自《JavaScript “Associative Arrays” Considered Harmful》）：
There is no way to specify string keys in an array constructor. //在数组构造函数中无法定义字符串键值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.
//大意：数组只支持数字的，键值对应使用于对象上。
There is no way to specify string keys in an array literal. //在数组字面量中无法定义字符串键值
Array.length does not count them as items. // Array.length 不会计算字符串键值
进一步窥探数组：
1、数组可以根据所赋的值自动调整大小
复制代码 代码如下:
var ar = [];
ar[2] = 1;
alert(ar.length)
发现这个数组的长度为 3，就像一个经过初始化的数组一样。所有没有赋值的数组对象，都将被定义为 undefined 。
扩展阅读：
2、可使用 “The Miller Device” 方法来判断是否是数组
复制代码 代码如下:
function isArray(o) { return Object.prototype.toString.call(o) === '[object Array]';}
“The Miller Device” 的妙用不仅仅在于判断数组：
复制代码 代码如下:
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);
}
扩展阅读：
相关文章
对于访客，如果登录您网站，浏览器就立刻崩溃，我想这对谁都是无法容忍的，对此总结了网站导致浏览器崩溃的原因2010-04-04
这篇文章主要介绍了javascript实现自由编辑图片代码详解，在当下的的前端项目中，图片功能可以说是非常常见的，图片的展示、图片的裁剪编辑、图片的上传等，那么我们的项目便来了个需求。,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JS如何判断对象是否包含某个属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
下面小编就为大家带来一篇浅谈js数据类型判断与数组判断。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
JS.GetAllChild(element,deep,condition)使用介绍
JS.GetAllChild()获取所有子节点，想必大家都知道吧，具体的使用方法如下，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了详解关于微信setData回调函数中的坑，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
有些代码,需要的时候能写的出来,但是也需要时间,如果有的东西长时间不接触,再次看的时候也会感觉很陌生,这篇文章主要给大家介绍了一些不常见却很实用的JS技巧,既可以作为一个知识的积累,又可以作为闲暇时打发时间写写代码的记录,需要的朋友可以参考下2021-11-11
javascript中$(function() {});写与不写有哪些区别
javascript中$(function() {....}) 是jQuery中的经典用法，等同于 $(document).ready(function() {....}) javascript中$(function() {});写与不写有哪些区别，需要的朋友可以参考下2015-08-08
通过Javascript将数据导出到外部Excel文档的函数代码
通过Javascript将数据导出到外部Excel文档的函数代码，需要的朋友可以参考下2012-06-06
在写一些关于图片操作的代码的时候，一般都需要在图片加载完成之后再执行程序。然而在Chorme中（貌似Safari也是）对window.onload的理解与IE和FF有偏差。2010-03-03
最新评论