（二）类数组对象HTMLCollection

NodeList类数组对象: HTMLCollection , NamedNodeMap，两套API（childNodes , children）

快捷键:leishuzuduixiang(类数组对象) bianlijiedian(遍历节点) jiedian(节点) htmlcollection , namednodemap , nodelist. nodeList类数组对象的特点1,nodeList是一种类数组对象,用于保存一组有序的节点.2,通过方括号来访问nodeList的值,有item方法与length属性.3,它并不是Array的实例,没有数组对象的方法<!DOCTYPE html><html lang="…

（二）类数组对象HTMLCollection

HTMLCollection 表示 HTML 元素的集合. 下面的几种方式将返回 HTMLCollection对象: html: <body> <ul id="box"> <li>节点一</li> <li>节点二</li> <li>节点三</li> </ul> <table border="1"> <tr id="tr"&…

js中的节点遍历+类数组对象

firstChild 第一个子元素 lastChild 最后一个子元素 childNodes[n] = childNodes.item(n) 第n+1个子元素 parentNode 父元素 nextSibling 下一个兄弟元素 previousSibling 上一个兄弟元素 document.documentElement 获取文档的根节点 .tagName 标签名 <!DOCTYPE html> <html lang="en"> <…

JavaScript类数组对象参考

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

简述JavaScript对象、数组对象与类数组对象

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

将类数组对象(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和DOM中的类数组对象

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

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

原文地址在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历,都内置forEach方法. 数组遍历普通遍历最简单的一种,也是使用频率最高的一种. let arr = ['a', 'b', 'c', 'd', 'e'] for (let i = 0; i < ar…

js－类数组对象

JavaScript中,数组是一个特殊的对象,其property名为正整数,且其length属性会随着数组成员的增减而发生变化,同时又从Array构造函数中继承了一些用于进行数组操作的方法. 而对于一个普通的对象来说,如果它的所有property名均为正整数,同时也有相应的 length 属性,那么虽然该对象并不是由Array构造函数所创建的,它依然呈现出数组的行为,在这种情况下,这些对象被称为 “类数组对象” . var o = {0:42,1:52,2:63,length:3} consol…

如何在JavaScript中手动创建类数组对象

前言关于什么是js的类数组对象这里不再赘述.可以参考这个链接,还有这里. js中类数组对象很多,概念简单的讲就是看上去像数组,又不是数组,可以使用数字下标方式访问又没有数组方法. 例: arguments , NodeList , HTMLCollection , jQuery 等类数组对象特性 1.拥有 length 属性 var a=document.getElementsByTagName("div"); a.__proto__;// HTMLCollection {} 属于…

类数组对象：arguments

在js中调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那它到底是什么呢? 一.描述 arguments 是一个对应于传递给函数的参数的类数组对象,是所有(非箭头)函数中都可用的局部变量.. 在js中万物皆对象,甚至数组字符串函数都是对象.所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象.它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还…

类数组对象arguments 和数组对象

arguments并不是一个真正的数组,而是一个“类似数组(array-like)”的对象: 就像下面的这段输出,就是典型的类数组对象: {0:12, 1:23} 一.类数组 VS 数组相同点: 都可用下标访问每个元素都有length属性不同点: 数组对象的类型是Array,类数组对象的类型是Object: 类数组对象不能直接调用数组API: 数组遍历可以用for in和for循环,类数组只能用for循环遍历: function calc(){ console.log(arguments)…

类数组对象HTMLCollenction

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

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比（转载）

在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历,都内置forEach方法. 数组遍历普通遍历最简单的一种,也是使用频率最高的一种. let arr = ['a', 'b', 'c', 'd', 'e'] for (let i = 0; i < arr.len…

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

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

jquery解析php通过ajax传过来的json二维数组对象

ajax获得php传过来的json二维数组对象,jquery解析 php代码: <?php $news = array( '武汉'=>array(1,2,3), '广州'=>array('rain','shu','fruit'), '北京'=>array('yellow','orange','black'), '上海', '深圳' ); echo json_encode($news); 前台页面 <!DOCTYPE html> <html lang="e…

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对象了.…

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…

JQUERY-事件-动画-类数组对象-添加自定义API

正课: 1. 事件: 2. 动画: 3. 类数组对象操作: 4. 添加自定义API: 1. 事件: 1. 页面加载后执行: 2个时机 1. DOM内容加载完成: 仅包括html, js DOMContentLoaded 何时: 如果不依赖css和图片的初始化操作(比如,事件绑定),都应该放在DOMContentLoaded中提前执行,让用户可以不必等待图片和css,就可提前使用如何: $(document).ready(function(){ ... ... }) 简化: $().ready(…

javascript：类数组 -- 对象

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

jQuery的类数组对象结构（转）

原文:http://www.imooc.com/code/3248 为什么是类数组对象呢? 很多人迷惑的jQuery为什么能像数组一样操作,通过对象get方法或者直接通过下标0索引就能转成DOM对象. 首先我们看jQuery的入口都是统一的$, 通过传递参数的不同,实现了9种方法的重载: 1. jQuery([selector,[context]]) 2. jQuery(element) 3. jQuery(elementArray) 4. jQuery(object) 5. jQuery(jQ…

ES6...扩展运算符(数组或类数组对象)

数组和类数组对象定义数组:[] 类数组对象:只包含使用从零开始,且自然递增的整数做键名,并且定义了length表示元素个数的对象,我们就认为他是类数组对象. 数组使用 let foo_arr = [1,2,3] let foo = (a,b,c)=>(console.log(a,b,c)) // 类数组对象以及数组 console.log(foo(...foo_arr)) 类数组使用 // 类数组对象 let obj = { 0: 'a', 1: 'b', 2: 'c', length: 3…

Javascript数组与类数组对象

问题来由: 之前面试X公司的时候,问我关于原型链知道多少,于是我就开始说了一些有关于原型链的东西,面试官问Array的原型是什么,我说是对象,毕竟Array.prototype===array.__proto__是一样的嘛,但是我忽略了一个问题,就是这个对象是类数组对象,我想面试官可能要问我这个吧,总结一下. 什么是数组: JavaScript的基本数据类型,即Array. 判断目标对象是不是Array: (1)构造函数判断 target.constructor === Array (2)ins…

JavaScript中的类数组对象

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

js-用于检测类数组对象的函数

//判定o是否是一个类数组对象 //字符串和函数有length属性,但是它们 //可以用typeof检测将其排除.在客户端JavaScript中,DOM文本节点 //也有length属性,需要用额外判断o.nodeType!=3将其排除 function isArrayLike(o){ if(o&&//o非null/undefined等 typeof o==="object"&&//o是对象 isFinite(o.length)&&//o…

什么是“类数组对象”，在jquer中怎样将类数组对象转换为数组对象

类数组对象的定义: 所谓"类数组对象"就是一个常规的Object对象,如$("div")但它和数组对象非常相似:具备length属性, 并以0.1.2.3……等数字作为属性名. 不过它毕竟不是数组,没有从数组的原型对象上继承下来的内置方法(例如:push(). sort()等) 在jquery中可以通过markArray方法将类数组对象转换为数组对象,如: var result = $.makeArray($("div")); console.l…

类数组对象实参对象arguments

先看实参对象arguments 之前对argument有点印象,知道它不是真正的数组,但也可以arguments[0]和arguments.length.今天详细的记录一下. js的默认行为:省略的实参是undefined,多余的实参自动忽略 function a(b,c){ //把类数组对象转为数组 console.log(Array.prototype.slice.call(arguments)); console.log(arguments); console.log('b:'+b+';c…

【（二）类数组对象HTMLCollection】的更多相关文章