关于for of 与 for in 总结

已于 2022-04-06 14:24:09 修改
阅读量219 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JS 面试问题锦集 文章标签： 前端
于 2021-03-08 11:01:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Admin_yws/article/details/114525377
本文对比了JavaScript中forin和forof的遍历方式，重点讲解了forin遍历对象键值对，而forof仅适用于数值键值。了解它们的区别有助于提升代码效率和理解对象操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

for in :

遍历时返回键名，可遍历数组和对象

for of：

遍历时返回值，且只能返回键为数值的值，无法遍历对象

持续更新ing....

tokenizers＞=0.13.3 is required for a normal functioning of this module, but found tokenizers解决方案
weixin_43178406的博客
05-01 6万+
本文主要介绍了tokenizers>=0.13.3 is required for a normal functioning of this module, but found tokenizers==0.13.2解决方案，希望能对使用tokenizers的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
for of循环获取index索引值，并且修改自身元素
m0_51431448的博客
05-07 9465
for of多数使用场景是这样子的： let arr = [1, 2, 3, 4] for(let item of arr) { console.log(item) } 这样就能拿到里面每一项的值了，但是是拿不到每一项的索引值的，并且也不能对自身元素进行修改，看下例子： let arr = [1, 2, 3, 4] for(let item of arr) { item = item * 10 } console.log(arr) // [ 1, 2, 3, 4 ] 发现并没能修改，如果
for in与for of的区别
夏天的博客
04-04 2787
for in与for of的区别
for of, for in, forEach比较
weixin_33743880的博客
02-26 243
forEach forEach无法中途跳出forEach循环，break、continue和return都不奏效。 for in for...in 循环只遍历可枚举属性。像 Array和 Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String ...
JS中for in和for of的区别
2301_76459194的博客
05-16 1113
for in和for of是JavaScript中常用的遍历方法，但它们的应用场景和遍历对象有所不同。for in主要用于遍历对象的属性名或数组的索引，通过对象名[key]或数组名[key]访问对应的属性值或数组元素。而for of则用于遍历数组的值或字符串的每个字符，直接获取元素值。例如，for in遍历对象时输出属性名和值，遍历数组时输出索引和元素；for of遍历数组或字符串时直接输出元素或字符。选择合适的方法可以提高代码的可读性和效率。
for...of和for...in
前端说
04-06 724
for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串。 const arr = ['red', 'green', 'blue'];for(let v of arr) { console.log(v); // red green blue } for(le
for、for in、for of介绍
qq_36470686的博客
10-04 1526
for循环 表达式一般如下： for(表达式1;表达式2;表达式3){     表达式4; }   执行的顺序为： 1）第一次循环，即初始化循环。 首先执行表达式1（一般为初始化语句），再执行表达式2（一般为条件判断语句）。如果符合，则执行表达式4，最后执行表达式3。否则，停止执行。 2）下次的循环： 首先执行表达式2，判断是否符合表达式2的条件；如果符合，继续执行表达式4，...
for in 和 for of 的区别
L1147484597的博客
02-08 1万+
for in 和 for of 简单来说就是它们两者都可以用于遍历，不过for in遍历的是数组的索引（index），而for of遍历的是数组元素值（value） for in（ES1） for in和for循环方式历史悠久，从ECMAScript 1就被支持。 for in 用来循环数组不是一个合适的选择。 迭代的是属性key，不是值。 由于属性 key 是字符串，迭代出的元素索引是 string,不是 number，不能直接进行运算，如下 var arr = [1,2,3] for (let
Swin UNETR: Swin Transformers for Semantic Segmentation of Brain Tumors in MRI Images
weixin_43921949的博客
10-09 7682
Swin-UNETR
解决RuntimeError: one of the variables needed for gradient computation has been modified by an inplace
qq_32953463的博客
04-15 2万+
问题描述： RuntimeError: one of the variables needed for gradient computation has been modified by an inplace operation RuntimeError: one of the variables needed for gradient computation has been modified by an inplace operation 原因分析： 跑过一个GAN的Super-Resolution
【ES6】for of用法
热门推荐
汪小穆的博客
05-31 16万+
前言：for of是ES6新增的循环方法。前面已经说到了 【JavaScript】for、forEach 、for in、each循环详解。那for of又是怎么使用的？ 一、使用例子 使用例子（一） var arr = ['nick','freddy','mike','james']; for(var item of arr){ console.log(item); } 输出...
For..in 和 For..of
where_slr的博客
12-12 1286
在循环对象属性的时候，使用for…in； 在遍历数组的时候的时候使用for…of； for…in循环出的是key，for…of循环出的是value； 注意，for…of是ES6新引入的特性。修复了ES5引入的for…in的不足 For in是遍历键名 作用于数组的for-in循环除了遍历数组元素以外,还会遍历自定义属性； 一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。 v...
【Es6】 for of
qq_25970751的博客
03-07 279
for of是ES6新增的循环方法, 今天来记录一下 for of 月 for in 的区别： 1.for of 用于遍历数组， for in 用于遍历对象 2. for of循环遍历的是数组的值，而for in循环遍历的是数组的键值(索引) 例一： const arr = [ { name: 'a', age: 1 }, { name: 'b', age: ...
for in与for of区别
Mybells
07-18 429
//for..in.. : for(var i in {a:1,b:2}){console.log(i)}//a,b for(var i in [1,2]){console.log(i)}//0,1 //在vue中v-for和for..in..不一样 <div v-for="(item, index) in items"></div> <div v-for="(v...
for in 和for of的区别
高先生的猫
08-14 419
1 遍历数组通常用for循环 ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　console.log(this.length); } var myArray=[1,2,4,5,6,7] myArray
for..of的用法
weixin_45663702的博客
08-04 3595
for..of的用法
for of与for in的区别
xiaoxiaofly的博客
06-16 358
for of与for in的区别
js里for in 与for of 区别
最新发布
05-22
### JavaScript 中 `for...in` 与 `for...of` 循环的区别 #### 基本概念 `for...in` 是一种用于遍历对象属性的语句，而 `for...of` 则是用来迭代可迭代对象（如数组、字符串、Map、Set 等）中的值。两者的用途不同，适用场景也有所差异。 #### `for...in` 的特点 `for...in` 遍历的是对象自身的以及继承的可枚举属性名[^2]。它通常被用来访问对象的所有键（即属性名称）。需要注意的是，`for...in` 不仅会返回对象本身的属性，还会返回通过原型链继承来的属性。因此，在处理数组时可能会导致意外的结果，因为数组也是对象的一种形式，并且可能具有额外的方法或属性。 ```javascript const obj = { key1: 'value1', key2: 'value2' }; for (let prop in obj) { console.log(prop); // 输出 "key1", "key2" } ``` #### `for...of` 的特点 相比之下，`for...of` 提供了一种更直观的方式来获取集合类型的值，而不是它们的索引或者键[^4]。它可以作用于任何实现了 Iterable 接口的数据结构之上，比如 Array、String、TypedArray、NodeList 或者 Map/Set 等等。对于这些数据类型来说，每次循环都会提取当前项的实际内容而非其位置信息。 ```javascript const array = ['a', 'b', 'c']; for (let elem of array) { console.log(elem); // 输出 "a", "b", "c" } ``` #### 主要区别总结 | 特性 | for...in | for...of | |---------------------|-----------------------------------|------------------------------| | **主要功能** | 遍历对象的属性 | 获取可迭代对象中的具体值 | | **目标范围** | 所有可枚举属性(包括原型上的方法)| 可迭代对象的内容 | | **性能考虑** | 较慢 | 更高效 | 尽管两者名字相似，但实际应用场景完全不同；如果只是想简单地读取列表里的每一个成员，则应该优先选用效率更高的 `for...of` 而不是容易引起误解甚至错误使用的 `for...in`. ```javascript // 使用for...of来打印数组元素 let letters = ["A", "B", "C"]; for(let letter of letters){ console.log(letter); } // 使用for...in则需注意不要误用到数组上 let numbers = [10, 20 ,30]; for(let index in numbers){ console.log(numbers[index]); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值