for...of循环和for...in循环的区别

最新推荐文章于 2023-04-19 14:59:35 发布
最新推荐文章于 2023-04-19 14:59:35 发布
阅读量871 收藏 2
点赞数

for...in循环因为历史遗留问题，它遍历的其实是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性。

于是当我们手动给Array对象添加了额外的属性后，for...in循环将会将新的属性跟之前的索引值一起循环出来。但是Array的length属性却不包括在内。

for...of循环则完全修复了这些问题，它只循环集合本身的元素。

for...in循环用于遍历对象属性，for...of用于遍历数据--比如数组中的单值

forEach用于调用数组的每个元素，并将元素传递给回调函数。

yanyongtao1
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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 3304
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
一文带你了解javascript中的for...of循环
最新发布
tyxjolin的专栏
04-19 1万+
for...of 循环是 JavaScript 中的一种循环结构，它可以用于遍历各种数据结构，例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环，因为它具有更加简洁和易读的语法，能够提高代码的可读性和可维护性。其中，variable 是一个变量名，表示循环中每次迭代时的当前值，iterable 是一个可迭代对象，表示要遍历的数据结构。
js中的forEach、for in 、for of之间的区别
梦凝哲雪
08-26 381
forEach: 一般用于对数组的遍历，不用于对对象的遍历，此方法会对数组中的每一个值进行遍历，直至全部遍历完成。故在其中的return,break会失效。 for in： 一般用于遍历对象，循环遍历对象的key，不推荐遍历数组。 for of 一般用于遍历对象，循环遍历对象的value，与forEach不同的是，它可以正常的响应break, return,continue. forEach：（可...
ES6中Iterator与for..of..遍历用法分析
08-30
与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。 对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; ...
js中forEach，for in，for of循环的用法示例小结
10-15
本文将深入探讨三种常见的循环类型：`forEach`、`for...in` 和 `for...of`，并结合实例来阐述它们的用途和注意事项。 一、`forEach`循环 `forEach`方法是数组的一个内置方法，它为数组中的每个元素执行一次提供的...
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
11-26
一、什么是迭代器？ 生成器概念在Java，Python等语言中都是具备的，ES6也添加到了JavaScript中。...ES5中遍历集合通常都是 for循环，数组还有 forEach 方法，对象就是 for-in，ES6 中又添加了 Map 和 Set，而迭代器
全面解析JavaScript里的循环方法之forEach，for-in，for-of
10-22
在JavaScript中，有三种主要的循环方法：`forEach`、`for-in`和`for-of`，每种都有其特定的用途和特点。 `forEach`方法是ES5引入的一个数组方法，简化了对数组元素的遍历。例如： ```javascript myArray.forEach...
通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
for...in循环和for...of循环的区别？
m0_65545080的博客
02-20 153
es6
for of与for in的区别
xiaoxiaofly的博客
06-16 311
for of与for in的区别
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< arr.length ...
for in 与for of循环的区别
Alex的博客
04-09 3461
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
for..in与for..of的区别
吴小迪的博客
06-26 3万+
for…in是遍历数组、对象的key let arr = [1, 2, 3]; for (let i in arr) { console.log(i) } let obj = { name: 'wuxiaodi', age: 18, }; for (let i in obj) { console.log(i) } 输出结果： 如果想用for…in遍历值那就把JS代码改成这样： let ...
for 循环，jQuery循环遍历详解
热门推荐
大脸猫~
08-20 9万+
1.for 循环 原生JS最基本的使用： for (var i=0;i<cars.length;i++) { ..... } for - 循环代码块一定的次数 2.for in for/in - 循环遍历对象的属性 以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行 var obj = {a:1, b:2, c:3}; for (var prop...
for...of 循环(ES6)
VivBin的博客
10-15 3252
ES6 借鉴 C++、Java、C# 和 Python 语言，引入了for...of循环，作为遍历所有数据结构的统一的方法。 一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法。 for...of循环可以使用的范围包括数组...
for…in和for…of的用法与区别
高先生的猫
06-15 8001
一句话概括：for in是遍历（object）键名，for of是遍历（array）键值。 文章的内容大部分来自MDN。 for...in for...in 循环只遍历可枚举属性（包括它的原型链上的可枚举属性）。像 Array和Object使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍历对象本身的所有可枚举属性，以及对象从其.
[乐意黎原创]JS里的for…in和for…of的用法与区别
打杂人
05-07 6万+
for...in 循环 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for...in 语句用于对数组或者对象的属性进行循环操作。 for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。for...in语句以任意顺序遍历一个对象的可枚举属性。对于每个不同的属性，语句都会被执行。 for (varia...
for...in和for...of的区别
03-16
举个例子，对于一个数组arr，使用for...in循环会返回数组的索引，而使用for...of循环会返回数组的元素值。 for(let i in arr){ console.log(i); //输出数组的索引 } for(let i of arr){ console.log(i); //输出...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值