myNodeList --> NodeList.prototype --> Object.prototype --> null NodeList.prototypecontains theitemmethod, but none of the Array.prototype methods, so they cannot be used on NodeLists. 实例 [].forEach.call(document.querySelectorAll('section[data-bucket]'),function(elem, i) { localStorage['bucket' + i] = elem.getAttribute('data-bucket'); ...
for…of语句创建一个循环来迭代可迭代的对象,包括:内置的 String、Array、array-like 对象(例如 arguments 或 NodeList)、TypedArray、Map、Set和用户自定义的可迭代对象。for…of 循环同样支持 break 语句,从而可以在满足特定条件时退出循环。 const array = [1, 2, 3, 4, 5, 6]; for(let element of array...
循环一个DOM collections,比如 NodeList ,之前我们讨论过 如何循环一个NodeList ,现在方便了,可以直接使用for-of循环: //Note: This will only work in platforms that have//implemented NodeList.prototype[Symbol.iterator]let articleParagraphs = document.querySelectorAll("article > p");for(let paragraph of ...
NodeList 对象是节点的集合,通常是由 querySlector 返回的。NodeList 不是一个数组,也是一种类数组。虽然 NodeList 不是一个数组,但是可以使用 for...of 来迭代。在一些情况下,NodeList 是一个实时集合,也就是说,如果文档中的节点树发生变化,NodeList 也会随之变化。
在JavaScript中,我们经常需要去循环迭代方法操作数组对象等,常见等循环方法有for、for in、for of、forEach等。 1.for循环 for循环是最基础常见的一种循环,圆括号中需要三个表达式,由分号分隔,最后面是一个花括号的块语句。 for (var i = 0; i <10; i++){ ...
一个数据结构只有部署了 Symbol.iterator 属性, 才具有 iterator接口可以使用 for of循环。 哪些数据结构部署了 Symbol.iteratoer属性了呢? 数组Array Map Set String arguments对象 Nodelist对象, 就是获取的dom列表集合 假如一个普通的对象,如果想实现可迭代可用以下方法 ...
for-of 可以遍历可迭代(iterable)对象(String、数组Array、集合Set、字典Map、arguments 对象、DOM NodeList) ,for-of解决了for-in的缺点,它只遍历对象本身的元素,但是它不可遍历普通对象。它可以正确响应 break、continue 和 return 语句。 二、性能 创建一个指定长度的数组,然后分别用不同的循环对数组求和。
let iterable = new Set([1, 1, 2, 2, 3, 3]);for (let value of iterable) { console.log(value);}// 1// 2// 3 循环一个 DOM collection 循环一个DOM collections，比如 NodeList，之前我们讨论过如何循环一个 NodeList，现在方便了，可以直接使用 for-of 循环：// Note: This will only ...
自从JavaScript5起,我们开始可以使用内置的forEach方法: myArray.forEach(function (value) { console.log(value); }); 写法简单了许多,但也有短处:你不能中断循环(使用break语句或使用return语句。 JavaScript里还有一种循环方法:for–in。 for-in循环实际是为循环”enumerable“对象而设计的: ...
跟forEach 相比,可以正确响应 break, continue, return。 for-of 循环不仅支持数组,还支持大多数类数组对象,例如 DOM nodelist 对象。 for-of 循环也支持字符串遍历,它将字符串视为一系列 Unicode 字符来进行遍历。 for-of 也支持 Map 和 Set (两者均为 ES6 中新增的类型)对象遍历。