of循环 for (let value of arr) { console.log(value); } // x 20 {a: 1, b: 2} 所以说,作用于数组的 for-in 循环除了遍历数组元素以外,还会遍历自定义属性。for...of 循环不会循环对象的 key ,只会循环出数组的 value,因此 for...of 不能循环遍历普通对象,对普通对象的属性遍历推荐使用 for....
for…of:通常性能比for…in更好,因为它不需要遍历原型链上的属性。 示例代码演示两者的不同用法: // for...of 遍历数组constarr = [1,2,3,4];for(constelementofarr) {console.log(element);// 输出数组的每个元素}// for...in 遍历对象的属性constobj = {a:1,b:2,c:3};for(constkeyinobj) ...
1、for...in 不仅遍历对象自身的属性,还会遍历继承的属性,因此需要使用额外的检查来排除继承属性(objectInstance.hasOwnProperty("key"))。 2、一个数据结构只要部署了Symbol.iterator属性,就可以用for...of循环遍历它的成员。也就是说,for...of循环内部调用的是数据结构的Symbol.iterator方法。对于普通的对象,for...
for of 是在es6中新加入的东西,如果说for of 给我们最直观的体现就是使用for of 去遍历数组的话,直接打印输出的是value值,这一点和for in打印输出的是索引值index是不同的,这是对于我们这些初学者最直观的感受。 其次for of最本质的区别就是他不能用来直接遍历普通的对象,而只能遍历部署了iterator(迭代器)接...
for-in 循环可以用于遍历数组的索引,相当于遍历数组的属性;而 for-of 循环不支持遍历对象的属性,只能用于遍历可迭代对象的元素。因此,如果需要遍历数组的索引,可以使用 for-in 循环;如果需要遍历其他类型的可迭代对象,应该使用 for-of 循环。 总结 本文介绍了 JavaScript 中 for-in 循环和 for-of 循环的用法、特...
在JavaScript中,我们经常需要去循环迭代方法操作数组对象等,常见等循环方法有for、for in、for of、forEach等。 1.for循环 for循环是最基础常见的一种循环,圆括号中需要三个表达式,由分号分隔,最后面是一个花括号的块语句。 for (var i = 0; i <10; i++){ ...
for…in循环适用于遍历对象属性,特别是当对象的属性不确定时,可以通过for…in循环来遍历。而for…of循环适用于遍历可迭代对象,特别是当需要遍历的是一系列固定的值时,如数组、字符串等。 for…in循环和for…of循环都是JavaScript中用于遍历对象的循环结构,但它们在某些方面有所不同。
【说站】JavaScript for-in和for-of的不同点 不同点 1、for-in语句按原始插入顺序迭代对象的可枚举属性。for-in将继承链中的所有对象属性重复,因此需要更多的时间。 2、for-of语句只经历可迭代对象的数据。 使用实例 for-in: 代码语言:javascript 代码运行次数:0...
在JavaScript编程中,遍历数组和对象是常见的操作。for...of 和for...in 是两种常用的循环结构,但它们有着不同的用途和应用场景。今天我们就来详细探讨一下这两种循环的区别及其应用。for...in循环for...in 循环主要用于遍历对象的可枚举属性。它会遍历对象自身的和继承的可枚举属性。以下是一个简单的例子:...
在javascript中,for in是ES5标准,遍历key. for of是ES6标准,遍历value.本文从Array,Object和string三个维度来讲解 for...in和for...of的区别。 Array 1,使用for-in可以遍历数组,但是会存在以下问题: .index索引为字符串型数字(注意,非数字),不能直接进行几何运算。 .遍历顺序有可能不是按照实际数组的内部顺序...