在对数组或对象进行遍历时,我们经常会使用到两种方法:for...in 和 for...of,那么这两种方法之间的区别是什么呢? 第一:for...in for...in 循环只遍历可枚举属性。像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype ...
for...of循环是ES 引入的新的语法。 for...in遍历拿到的x是键 下标 。而for...of遍历拿到的x是值,但在对象中会提示不是一个迭代器报错。例子如下: let x let a A , B , C let b name: 刘德华 ,age: console.log a.length for x of a console.log x A,B,C for x in a console ...
2017-05-12 21:47 0 2339 推荐指数:
在对数组或对象进行遍历时,我们经常会使用到两种方法:for...in 和 for...of,那么这两种方法之间的区别是什么呢? 第一:for...in for...in 循环只遍历可枚举属性。像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype ...
for..in 的遍历实际上是对象的属性名称,一个Array数组也是一个对象,数组的每个元素的索引被视为属性名称,所以可以看到使用for...in 循环Array数组,拿到的其实是每个元素的索引 var a = [ 'A' , 'B', 'C' ]; a.name = ' Hello ...
首先,for-in是ES5标准,遍历的是key(可遍历对象、数组或字符串的key);for-of是ES6标准,遍历的是value(可遍历对象、数组或字符串的value)。 for...in 循环 for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作 ...
以下是使用for...in和for...of分别对Array,Set,Map做的测试: for...in由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组也是一个对象,数组中的每个元素的索引被视为属性名称,所以我们可以看到使用for...in循环Array数组时,拿到 ...
一、for...of 1.定义 for...of 语句遍历可迭代对象(包括数组、Set 和 Map 结构、arguments 对象、DOM NodeList 对象、字符串等)。 2.语法 3.示例 二、for...of 与 for...in 区别 1.for...in 遍历键名 ...
本文原链接:https://cloud.tencent.com/developer/article/1360074 for of 和 for in 循环 循环遍历数组的时候,你还在用 for ...
for ... in循环由于历史遗留问题,它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。 当我们手动给Array对象添加了额外 ...
由于不同浏览器,不同版本性能不一,且控制台本质是是套用了一大堆eval,沙盒化程度高,所以需使用node环境测试来提高准确性 for 几种写法 常规写法 数组长度是会 ...