繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 数组Array进行原型prototype扩展后带来的for in遍历问题
- Javascript
- js select 标签选定项的值获取代码
- js GridView 实现自动计算操作代码
- Discuz 公告效果（自动换行，无间隙滚动）
- js 动态添加标签（新增一行，其实很简单，就是几个函数的应用）
- JS 常用校验函数
- HTML代码中标签的全部属性 中文注释说明
- input 高级限制级用法
- js onpropertychange输入框 事件获取属性
- Javascript 生成无限下拉列表实现代码
- javascript 极速 隐藏/显示万行表格列只需 60毫秒
- 用JavaScript实现单继承和多继承的简单方法
- javascript 闭包函数做显隐内容
- js 页面模块自由拖动实例
- js Flash插入函数免激活代码
- setTimeout 不断吐食CPU的问题分析
- 说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
- js 浏览器版本及版本号判断函数2009年
- Javascript 原型和继承(Prototypes and Inheritance)
- HTML 自动伸缩的表格Table js实现
- 两个INPUT同步输入的方法小结 兼容IE和firefox
Javascript 中的 数组Array进行原型prototype扩展后带来的for in遍历问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-02-27 浏览: 347 ::
收藏到网摘: n/a
不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。 通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点是：用for in遍历数组，循环变量i是字符串类型的。如果对Array进行原型扩展后，再用for in来对数组进行遍历时就要注意些问题了。
测试代码：
复制代码 代码如下:
Array.prototype.max = function()
{
return Math.max.apply({}, this);
};
var company = ['Adobe','Apple','Google','Intel','Microsoft','Oracle','IBM','SUN'];
alert(company.length); //这里输出的长度是8，与上面定义的数组长度一致
//下面循环了9次，在IE6、IE7第一次循环时i值不是0而是上面原型扩展的方法名max，而在IE8、FF浏览器最后一次循环时i值才为max
for (var i in company)
{
alert('index is:'+i+'\nvalue is:'+company[i]);
}
//此时，你若仅想打印上面8个公司列表，用for in循环是不行了，即使你非要这样做，也要在循环内部做点判断，比如像下面这样：
for (var i in company)
{
if (!isNaN(i))
alert('index is:'+i+'\nvalue is:'+company[i]);
}
//当然，为了安全起见，也不要那么懒，就写成普通的for循环才是最科学的，像下面这样：
for (var i=0; i< company.length; i++)
{
alert('index is:'+i+'\nvalue is:'+company[i]);
}
//这种对数组原型扩展属性带来的循环问题通常是导致你得不到预期的结果，但不注意也可能给你代码带来难以发现的问题，看看下面的例子：
var userInfo = [["Tom",21,"020-12345678"],["Mike",23,"020-87654321"]]; //显然这里是数组嵌套
for (var i in userInfo)
{
//此时通过userInfo[i][0]可能根本得不到你预想的值，比如在这个循环中，你将看到有一次值为undefined的结果，这是因为当i值为max时，userInfo[i]是一个function而不是像这样的子数组 ["Tom",21,"020-12345678"]
alert('Name:' + userInfo[i][0] + '\nAge:' + userInfo[i][1] + '\nPhone:' + userInfo[i][2]);
}
一般来说for in是用来遍历对象属性的，而数组还是要用for来遍历（当然数组也是对象）。据了解，for要比for in的遍历效率高，另外像C#、ActionScript3.0还有foreach循环，这将是效率最高的循环，不过JavaScript没有这种循环。最科学的数组遍历应该像这样：使用普通的for循环，而且预存数组长度。代码如下：
复制代码 代码如下:
var company = ['Adobe', 'Apple', 'Google', 'Intel', 'Microsoft', 'Oracle', 'IBM', 'SUN'];
for (var i = 0, companyNum = company.length; i < companyNum; i++)
{
alert('index is:' + i + '\nvalue is:' + company[i]);
}
作者：WebFlash
出处：http://webflash.cnblogs.com
评论 (0) All
