类数组对象HTMLCollenction

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="js/domready.js"></script> <s…

问题引出在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使用getElementsByName等DOM遍历方法中,我们也习惯性会去使用数组方法来进行操作,如数字索引.用length属性访问长度并遍历等等.久而久之,很多人都一直认为DOM遍历方法返回的是一个数组. 实际上...... 返回了一个HTMLCollection对象假如我们用一个数组来表示:…

js之数组，对象，类数组对象

许久不写了,实在是不知道写点什么,正好最近有个同事问了个问题,关于数组,对象和类数组的,仔细说起来都是基础,其实都没什么好讲的,不过看到还是有很多朋友有些迷糊,这里就简单对于定义以及一下相同点,不同点简单的说明一下!当然,这里我们只讨论数据结构的异同,并不讨论他们之间所拥有的方法等不同! 数组定义:简而言之就是一组有序的数据集合,其索引为从0开始且自然增长的整数,其元素值可以是任何js数据!并且包含一个名为length的属性,该属性表示数组元素的个数! 看着上面的定义,我们很容易就能大概知道数组…

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

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

[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…

jQuery的类数组对象结构

Query就是为了获取DOM.操作DOM而存在的所以为了更方便这些操作,让节点与实例对象通过一个桥梁给关联起来,jQuery内部就采用了一种叫"类数组对象"的方式作为存储结构,所以我们即可以像对象一样处理jQuery操作,也能像数组一样可以使用push.pop.shift.unshift.sort.each.map等类数组的方法操作jQuery对象了.…

将类数组对象(array-like object)转化为数组对象(Array object)

用法:Array.prototype.slice.call(array-like object) // 创建一个类数组对象 var alo = {0:"a", 1:"b",2:"c", length:3}; // 转化 var arr = Array.prototype.slice.call(alo); console.log( Array.isArray(alo) // false ) console.log( Array.isArray(ar…

JavaScript类数组对象参考

JavaScript和DOM中有很多类数组对象,它们有以下特点 1.有length属性 2.可以使用[]通过下标访问 3.部分类数组对象使用[]访问成员时不只可以使用下标,还可以使用id或name 4.既然满足了1.2条件,当然也可以通过for循环来遍历但正如其名字,它们只是类似数组,而不是数组,并不能使用数组的特有方法,如slice.push.pop等.不过如果确实需要它们像数组一样工作,可以使用Array.prototype.slice(类数组对象, 0)来产生一个数组.产生的数组也就失去…

浅谈JavaScript和DOM中的类数组对象

JavaScript是一门弱类型语言,它的数据类型分为两大类:简单数据类型(5种:Undefined.Null.Boolean.Number.String)和复杂数据类型(1种:Object).Object是ECMAScript中使用最多的一个类型,所有的引用类型的值都是Object类型的实例.引用类型,本质上是一种数据结构,用于将数据和功能组织在一起.对象是某个特定引用类型的实例. 在JavaScript中,有一种特殊的对象,被称为类数组(array-like)对象,其在书中的定义为: 拥有l…

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…