JavaScript中循环语句不少,for、for in、for of和forEach循环,今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。 新建四种数据类型的测试数据 代码语言:javascript 代码运行次数:0 运行 AI代码解释 let arr = [1, 2, 3, 4, 5, 6]; let obj =
;for(const[key, value]ofmyMap) {console.log(key, value); }// Output:// false, 'no'// true, 'yes' 遍历myMap会生成[key, value]对,对其进行解构方便直接访问。 如果你在循环中需要感知当前元素索引,可以通过Array方法entries返回可迭代的 [index,value]对。 和map一样的解构直接访问index、value: ...
如果你在循环中需要感知当前元素索引,可以通过Array方法entries返回可迭代的 [index,value]对。 和map一样的解构直接访问index、value: constarr=['chocolate','vanilla','strawberry'];for(const[index,value]ofarr.entries()){console.log(index,value);}// Output:// 0, 'chocolate'// 1, 'vanilla'// 2...
for of在Array、Object、Set、Map中都可以使用。 Array Array本质上也是对象,所以我们可以在隐式原型(__proto__)上可以找到定义好的方法。 for(let key of arr.keys()) {// key是下标console.log(key) }for(let value of arr) {// value是值console.log(value) }for(let value of arr.values()) {...
在JavaScript中,对象的属性分为可枚举和不可枚举之分,它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。 像Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性,例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍...
for-of循环 JavaScript6里引入了一种新的循环方法,它就是for-of循环,它既比传统的for循环简洁,同时弥补了forEach和for-in循环的短板。 我们看一下它的for-of的语法: for (var value of myArray) { console.log(value); } for-of的语法看起来跟for-in很相似,但它的功能却丰富的多,它能循环很多东西。
在javascript程序语言，新增特性for-of循环，让循环更加简洁直接，功能更加丰富多样。克服了for-in循环和forEach循环的不足，给javascript语言带来了新的活力。在本例中，定义了一个for_ofloop函数，在该函数内定义可两个变量，一个为字符串ForArray,和一个数组forArray。利用for-of循环，可以很方便快速的遍历已经定义...
for...of 语句执行一个循环,该循环处理来自可迭代对象的值序列。可迭代对象包括内置对象的实例,例如 Array、String、TypedArray、Map、Set、NodeList(以及其他 DOM 集合),还包括 arguments 对象、由生成器函数生成的生成器,以及用户定义的可迭代对象。
Arrays(数组)就是类列表(list-like)对象。数组原型上有各种方法,允许对其进行操作,比如修改和遍历等操作。下面手在一个数组上进行的 for...of 操作: // array-example.js const iterable = ['mini', 'mani', 'mo']; for (const value of iterable) { ...
Array+length: Number+push(element) : void+pop() : element+forEach(callback) : voidExample+fruits: Array+logFruits() : void 结论 通过本文的讲解,你现在应该对 JavaScript 的for...of循环有了一个基本的理解。你学习了如何定义一个数组、使用for...of遍历数组中的元素,并对这些元素进行处理。这种方法...