for of 和for in区别 详细

最新推荐文章于 2022-06-07 08:44:17 发布
最新推荐文章于 2022-06-07 08:44:17 发布
阅读量127 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59070120/article/details/123636582
版权

for…in循环读取键名，for…of循环读取键值，两个都可以与break、continue和return配合使用

for of 只可以遍历可以迭代的对象（数组，set和map集合，字符串），对于数组和set使用的是keys方法，对于map使用的是entries方法

for-in循环主要用于遍历对象，以任意顺序遍历一个对象的可枚举属性，只遍历可枚举属性

大鸡腿最好吃
关注
通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
for in 和 for of的区别
qq_43796489的博客
08-10 5万+
1.循环数组 区别一：for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。 const arr = [1,2,3,4] // for ... in for (const key in arr){ console.log(key) // 输出 0,1,2,3 } // for ... of for (const key of arr){ console.log(key) // 输出 1,2,3,
for of 和 for in 的区别
cppp1111的博客
03-30 3万+
for of 和 for in 的区别1.共性2.区别1.两者对比例子(遍历对象)2.两者对比例子(遍历数组)3.特点①. ``for in`` 特点①. ``for of`` 特点 1.共性 for of 和 for in都是用来遍历的属性 2.区别 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for in得到对对象的key或数组,字符串的下标 for of和forEach一样,是直接得到值 for of不能用于对象 1.两者对比例子(遍历对象) con
经常混，还是记下来吧，forin和forof的用法
球球不吃虾WHR2349博客
07-08 4761
1、for of 默认情况下是调用对象的iterator，一般用于 Array， String ，Map， Set， arguments， DOM data。 let a = [{ name: "wre", age: 123 }, { name: "whhjkre", age: 123 }, { name: "wrhje", age: 123 }, { name: "wjhjre", age: 123 }] let obj = { n
[乐意黎原创]JS里的for…in和for…of的用法与区别
热门推荐
打杂人
05-07 6万+
for...in 循环 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for...in 语句用于对数组或者对象的属性进行循环操作。 for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。for...in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。 for (varia...
详解Js里的for…in和for…of的用法
12-10
在JavaScript中，`for...in`和`for...of`循环是两种不同的迭代方式，各自有其特定的应用场景。下面将详细讲解这两种循环的工作原理、区别以及如何在实际编程中正确使用它们。 首先，`for...in`循环是JavaScript中的...
06-for-in和for-of的区别.md
最新发布
03-31
# for-in和for-of的区别 在JavaScript编程中，循环结构是一种常用的控制流语句，用于对数组或对象的元素进行迭代。`for-in`和`for-of`是两种用于迭代的循环结构，它们在语法和使用上存在一些差异。了解它们之间的...
简述for in 和 for of 的区别
m0_71231013的博客
06-07 2万+
1、推荐在循环对象属性的时候使用 for...in，在遍历数组的时候的时候使用 for...of 2、for...in 循环出的是 key，for...of 循环出的是 value 3、注意，for...of 是 ES6 新引入的特性。修复了 ES5 引入的 for...in 的不足 4、for...of 不能循环普通的对象（如通过构造函数创造的），需要通过和 Object.keys()搭配使用1.index索引为字符串型数字，不能直接进行几何运算 2.遍历顺序有可能不是按照实际数组的内部顺序 3.使
Vue3入门到精通-setup
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
10-27 1万+
1. 是什么 组合（composition）API的入口 2.参数(props,context) props 父组件传递的props father <template> <div> <child :dataFromFather="name" > </child> </div> </template> <script > import { ref } from "@vue/runtime-core
for of for in区别
omg_lwf的博客
11-19 136
for of只能用在可迭代对象上,什么是可迭代对象？原型链上具有迭代器的就是可迭代对象 这也是为什么{} 对象 不会被for of循环,因为 Object 的原型上没有迭代器 ...
for…in和for…of的用法与区别
高先生的猫
06-15 8048
一句话概括：for in是遍历（object）键名，for of是遍历（array）键值。 文章的内容大部分来自MDN。 for...in for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其.
for in 和 for of的区别详解
weixin_45346719的博客
05-31 132
for in 和 for of的区别详解 for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子: 例1 const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let i of obj
for of 与 for in的区别
Edison__Wu的博客
01-08 940
遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　console.
for of与for in的区别
潇湘子的博客
12-03 5972
for…in for…in 语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性(enu) for…in 不应该用于迭代一个关注索引顺序的 Array。 for … in是为遍历对象属性而构建的，不建议用来遍历数组， 遍历数组我们可以用Array.prototype.forEach()和for … of for…in 最常用的地方应该是用于调试，可以更方便的去检查对象属性 const obj = { name: 'zhangsan', age: 20, address: 'beijing' }
for...in与for...of区别
flowRight的博客
06-12 2万+
for … of是作为ES6新增的遍历方式,允许遍历一个含有iterator接口的数据结构并且返回各项的值,和ES3中的for … in的区别如下 1–for … of遍历获取的是对象的键值,for … in 获取的是对象的键名 2–for … in会遍历对象的整个原型链,性能非常差不推荐使用,而for … of只遍历当前对象不会遍历原型链 3–对于数组的遍历,for … in会返回数组中所有可枚...
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
javascript中for of和for in的区别
DullSwordCN的博客
09-04 2048
https://segmentfault.com/q/1010000006658882 先说结论： 推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 for...in循环出的是key，for...of循环出的是value 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足 for.....
forEach、for in 、 for of三者的区别
一个慢的博客
05-04 4万+
在开发过程中经常需要循环遍历数组或者对象，forEach、for in 、 for of这三种方法使用最多 但却一值傻傻分不清楚。。今天来一个大区分。。 for循环 其实除了这三种方法以外还有一种最原始的遍历，自Javascript诞生起就一直用的 就是for循环，它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i&amp;lt; arr.length ...
for of和for in区别
11-17
for...in和for...of都是用来遍历的属性，但是它们有以下区别： 共性： - 都可以遍历数组和对象 区别： - for...in语句用于遍历对象的属性，而for...of语句用于遍历可迭代对象的元素 - for...in语句返回的是对象的键名，而for...of语句返回的是对象的键值 - for...in语句可以遍历对象的原型链上的属性，而for...of语句不行 - for...in语句可以遍历字符串类型的键名，而for...of语句不行 以下是两个例子来说明它们的区别： 1. 遍历对象 ```javascript const obj = { a: 1, b: 2, c: 3 } // for...in语句遍历对象的属性 for (let i in obj) { console.log(i) // 输出：a b c } // for...of语句不能用于对象 for (let i of obj) { console.log(i) // 输出：Uncaught TypeError: obj is not iterable 报错了 } ``` 2. 遍历数组 ```javascript const arr = [1, 2, 3] // for...in语句遍历数组的下标 for (let i in arr) { console.log(i) // 输出：0 1 2 } // for...of语句遍历数组的元素 for (let i of arr) { console.log(i) // 输出：1 2 3 } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大鸡腿最好吃

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值