jsforin和forof的区别 JavaScript中for...in和for...of两种循环看起来很像，用错容易出问题。拿实际开发举个例子，假设有个数组arr=[10,20,30]，用for...in循环遍历时可能会带出数组原型链上的方法，用for...of则能精准拿到每个数值。for...in主要针对对象属性遍历，遍历的是键名。比如处理用户信息
1,for in是ES5的语法标准,而for of则是ES6语法标准。 constarr1 = ['Eula','Umbra','Kaya']for(letiinarr1){console.log(i)// '0', '1', '2'}// 对比for(letiofarr1){console.log(i)// Eula, Umbra, Kaya} 通过上述代码我们可以发现for in遍历的是下标,而for of遍历的是属性值;而且for in...
1==》forin遍历的是数组的索引(即键名)。 而for of遍历的是数组元素值。2==》forin是es5中有的,forof是es6的3==》for-in是为遍历对象而设计的,不适用于遍历数组。 它可以正确响应break、continue和return语句for-in遍历数组的缺点: 因为for-in遍历的index值"0","1","2"等是字符串而不是数字for-in循...
js中for in与for of的区别 for in是ES5标准,遍历key. for of是ES6标准,遍历value. 示例: data数据: for in: for of:...js学习:for of 与for in 的区别 区别: for of求的是数组中每个元素的索引 for in是遍历数组中每个元素 打印结果如下: 再看for in 打印结果......
主要区别总结 遍历的对象类型不同: for...of 用于遍历可迭代对象(如数组、字符串等)。 for...in 用于遍历对象的可枚举属性。 获取的值不同: for...of 提供的是对象的值。 for...in 提供的是对象的键(属性名)。 原型链处理: for...of 不涉及原型链的遍历。 for...in 会遍历对象自身及其原型链上的...
for (const key in me_obj) { console.log(key); // name, age } 1. 2. 3. hobby 被设置为了不可枚举的属性,不会被遍历 for of 用于遍历可迭代数据,如字符串、数组、类数组、Set、Map 判断数据是否可迭代 通过使用 Symbol.iterator属性来判断一个数据是否是可迭代的 ...
for in与for of的区别 for in循环只能循环可枚举属性 循环数组时 输出结果: 第一列输出数组的下标,第二列输出数组中的值 循环对象时 输出结果: for of循环只能循环可迭代的对象 可迭代对象有:数组、字符串、Set和Map 所以for of循环不能循环对象 循环数组时: 输出结果: 直接输出1,2,3 循环字符串时: ...
用途不同: for…in循环用于遍历对象的属性。 for…of循环用于遍历可迭代对象(如数组,字符串,Set,Map等)的值。 遍历的内容不同: for…in会遍历对象所有的可枚举属性,包括原型链上的属性。 for…of遍历的是可迭代对象的实际值,不包括原型链上的值。 循环控制不同: for…in循环使用对象的属性名作为循环变量的值...
for...of 基于可迭代对象上的迭代器进行遍历,每个迭代得到的值取决于迭代器iterator,因此只能迭代实现了迭代器的元素 属性类型: for...in 遍历元素所有的键key。 for...of 遍历元素所有的值value。 顺序: for...in 的遍历顺序是不确定的,与对象属性的定义顺序无关。 for...of 按照元素的顺序(迭代器指定的...
在javascript中,for in是ES5标准,遍历key. for of是ES6标准,遍历value.本文从Array,Object和string三个维度来讲解 for...in和for...of的区别。 Array1,使用for-in可以遍历数组,但是会… sherr...发表于前端之旅 JS 的 4 种数组遍历方法:for / forEach() / for-in / for-of Fundebug JavaScript中的fo...