[Javascript]类数组对象为什么不能用for in进行遍历

上来说重点,再废话

　　类数组对象不能使用for(var key in elements)进行遍历,这是因为类数组的最后一个哈希的键值对是length:n n代表数组长度

在Javascript中,我们在DOM树上面获取页面的元素,

　　例如使用var emls=getElementsByTagName ()

　　　　　var emls=querySelectedAll()

获得的elements包含多个dom元素,在学习的过程中,我没有使用for(var i=0;i<elements.length;i++)这种方式遍历,而是采取了for in 的方式遍历,然后就悲剧的报错,

经过单步调试,发现在最后一步才报错,查看获取到的数据发现,遍历的最后一个对象不是Element对象,而是这个类数组对象的长度.　　

时间： 2024-10-17 10:20:31

[Javascript]类数组对象为什么不能用for in进行遍历的相关文章

javascript 类数组对象

原文:https://segmentfault.com/a/1190000000415572 定义: 拥有length属性,其他属性(索引)为非负整数(对象中的所有会被当做字符串来处理,这里你可以当做是个非负整数串来理解) 不具有数组所具有的方法类数组示例: var a = {'1':'gg','2':'love','4':'meimei',length:5}; Array.prototype.join.call(a,'+');//'+gg+love++meimei' 非类数组示例: var

JavaScript中的类数组对象

在javascript中,对象与数组都是这门语言的原生规范中的基本数据类型,处于并列的位置. 一般来说,如果我们有一个对象obj和一个数组a: obj["attr1"]; //取obj对象的attr1属性 a[1]; //取数组a中的第二个元素但是,有些时候,也会将一个对象“伪装”成一个数组来用,我们把这种对象称为“类数组对象”,再此我们可以給它下一个定义,请看如下的代码: var a= {}; var i = 0; for(i=0; i<10 ; i++){ a[i

Javascript 类数组（Array-like）对象

Javascript中的类数组对象(Array-like object)指的是一些看起来像数组但又不是数组的对象.Javascript中的arguments变量.document.getElementsByTagName()返回值就是典型的类数组对象. 类数组特性类数组对象具有一个length属性且length的值为非负整数. 类数组对象不具有数组对象的方法.例如:push. pop等方法. 类数组对象可以像数组一样遍历,但不支持数组对象的方法. function test1() { for(

Effective JavaScript Item 51 在类数组对象上重用数组方法

Array.prototype对象上的标准方法被设计为也可以在其它对象上重用 - 即使不是继承自Array的对象.因此,在JavaScript中存折一些类数组对象(Array-like Objects). 一个典型的例子是函数的arguments对象,在Item 22中对它进行过介绍.该对象并不继承自Array.prototype,所以我们不能直接调用arguments.forEach来对其中的元素进行遍历.但是,我们可以通过首先得到forEach方法的对象,然后调用call方法(可以参考Ite

javascript：类数组 -- 对象

在javascript中,对象与数组都是这门语言的原生规范中的基本数据类型,处于并列的位置. 类数组:本质是一个对象,只是这个对象的属性有点特殊,模拟出数组的一些特性. 一般来说,如果我们有一个对象obj和一个数组a: obj["attr1"]; //取obj对象的attr1属性 a[1]; //取数组a中的第二个元素但是,有些时候,也会将一个对象"伪装"成一个数组来用,我们把这种对象称为"类数组对象",再

JavaScript 浅析数组对象与类数组对象

数组(Array对象) 数组的操作创建数组方法添加与修改数组元素删除数组元素使用数组元素遍历数组元素多维数组数组相关的函数 concat() join() pop() push() shift() unshift() reverse() sort() slice() splice() 类数组对象定义举例对比数组转换间接直接数组(Array对象) 数组就是一组数据. 在JavaScript中没有数组这种数据类型.数组时对象创建的. 键(下标): 用于区分数组中不同数值的

[Effective JavaScript 笔记]第58条：区分数组对象和类数组对象

示例设想有两个不同类的API.第一个是位向量:有序的位集合 var bits=new BitVector(); bits.enable(4); bits.enable([1,3,8,17]); bits.bitAt(4);//1 bits.bitAt(8);//1 bits.bitAt(9);//0 enable方法被重载了,可以传入一个索引或索引的数组.第二个类的API是字符串集合:无序的字符串集合 var set=new StringSet(); set.add('Hamlet'); se

08.18 javascript 06 数组数组的概念创建数组读取数组中的元素稀疏数组添加和删除数组的元素数组遍历多维数组数组的方法类数组对象作为数组的字符串

# 数组 ### 数组的概念 * 数组是值的有序集合 * 数组中的每个值称之为元素 * 每个元素可以是任意数据类型的值 * 每个元素都有索引(下标) * 元素的索引从0开始,按照顺序递增. 元素最大的索引 2^32-2 ### 创建数组 * 直接量 `[]` * 构造函方式 `new Array()` ### 读写数组中的元素 * 数组名[索引] ### 稀疏数组 * js数组的索引是连续的 * 没有连续的给元素赋值 , 没有赋值的元素会自动赋值 undefined ### 添加和删除数

[Effective JavaScript 笔记]第51条：在类数组对象上复用通用的数组方法

前面有几条都讲过关于Array.prototype的标准方法.这些标准方法被设计成其他对象可复用的方法,即使这些对象并没有继承Array. arguments对象在22条中提到的函数arguments对象.它是一个类数组对象,并不是一个标准的数组,所以无法使用数组原型中的方法,因此无法使用arguments.forEach这样的形式来遍历每一个参数.这里我们必须使用call方法来对使用forEach方法. function highlight(){ [].forEach.call(argume