JS中for 、for...of、for...in区别

最新推荐文章于 2024-04-30 14:57:11 发布
最新推荐文章于 2024-04-30 14:57:11 发布
阅读量8.2k 收藏 13
点赞数 5
分类专栏： JavaScript 文章标签： for for...of for...in
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42729761/article/details/89216599
版权

for 、for…of、for…in区别

  • forEach()
    • foeEach()不能使用break语句跳出循环，或者使用return从函数体内返回
  • for-in()
    • 为循环“enumerable”对象设计的
    • 循环遍历对象自身和继承的可枚举属性（不含Symbol）
    • 会循环原型链和手动添加的键，返回键名key
    • 某些情况下，循环顺序随机的
  • for-of()（ES6）
    • 可以使用break,continue,return
    • 支持数组和类数组对象的遍历，循环读取键值
    • 也支持字符串的遍历
白格
关注
  • 5
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ES6中Iterator与for..of..遍历用法分析
08-30
与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。 对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; ...
JS基础：for...in、for...of、forEach(详解)
qq_51066068的博客
08-13 1万+
for in 适用于纯对象的遍历，并且只能输出可枚举属性 forEach适用于需要知道索引值的数组遍历，但是不能中断 for of适用于无需知道索引值的数组遍历，因为可以中断。另外对于其他字符串，类数组，类型数组的迭代，for of也更适用...
详解JS中for...of、in关键字
XIAO_A_fighting的博客
04-29 4056
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录系列文章目录前言一、in关键字1.数组中的in2.对象中的in二、for...of1.数组中的for...of2.对象中的for...of1.引入库2.读入数据总结 前言 在总结到数组方法includes的时候突然产生了一个疑问，in是不是也可以用来判断数组中是否有某元素呢？于是尝试了一下
js中的in和of循环
最新发布
来一杯可乐
04-30 468
在JavaScript中，in和of是两个用于循环和遍历的不同操作符，但它们的使用场景和含义有所不同。in。
js中 in of的区别
m0_73430799的博客
09-09 1058
// 'a' 'b' 只会打印出自身的属性名。一： in可以用来判断（对象中in出来的数据是每一项的key值， 数组中in出来的数据是每一项的下标。二：in可以用来遍历（对象中in出来的数据是每一项的key值， 数组中in出来的数据是每一项的下标。} // 'a' 'b' 等 会将对象原型上的属性名也打印出来。三：of 只能用于遍历出数组中的值（遍历出的不是下标）
js中的forEach、for in 、for of之间的区别
梦凝哲雪
08-26 381
forEach: 一般用于对数组的遍历，不用于对对象的遍历，此方法会对数组中的每一个值进行遍历，直至全部遍历完成。故在其中的return,break会失效。 for in： 一般用于遍历对象，循环遍历对象的key，不推荐遍历数组。 for of 一般用于遍历对象，循环遍历对象的value，与forEach不同的是，它可以正常的响应break, return,continue. forEach：（可...
JS中让对象支持for...of遍历
_
03-15 4880
1.for…of的工作原理 for…of 循环首先会向被访问对象请求一个迭代器对象，然后通过调用迭代器对象的next() 方法来遍历所有返回值。 数组可以直接使用for…of遍历是因为数组内置了迭代器 2.让对象支持for…of 让对象支持for…of的办法就是手动给对象添加迭代器 var myObject = { a: 1, b: 2, c: 3 }; //写法一：简单写法 myObject[Symbol.iterator] = function(){ const _this = t
一文带你了解javascript中的for...of循环
tyxjolin的专栏
04-19 1万+
for...of 循环是 JavaScript 中的一种循环结构，它可以用于遍历各种数据结构，例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环，因为它具有更加简洁和易读的语法，能够提高代码的可读性和可维护性。其中，variable 是一个变量名，表示循环中每次迭代时的当前值，iterable 是一个可迭代对象，表示要遍历的数据结构。
Pro Node.js for Developers_1st ed. Edition
04-19
Building upon your existing JavaScript skills you’ll be shown how to use Node.js to build both Web- and Network-based applications, to deal with data sources, capture events and deal with child ...
关于js中for in的缺陷浅析.docx
01-22
JavaScript中的`for...in`循环是一种遍历对象属性的语法结构，它可以帮助开发者访问到对象的所有可枚举属性。然而，`for...in`循环在实际应用中存在一些潜在的问题和缺陷，这些缺陷主要体现在以下几个方面： 1. **...
【JavaScript源代码】JS中for,for...in,for...of和forEach的区别和用法实例.docx
12-30
JS中for,for...in,for...of和forEach的区别和用法实例 　for循环 　基本语法格式：　for(初始化变量;条件表达式;操作表达式){    循环体语句;  }　普通for循环在Array和Object中都可以使用。for循环中可以使用...
Learning.Node.js.for..NET.Developers.epub
12-29
Harry Cummings has been working in software development for 8 years, and for the past few years, he has performed the role of technical lead across a variety of projects for varied clients. He has, in...
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
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-in 和 for-of 吗？他们有什么区别？
tyxjolin的专栏
04-11 1万+
在选择使用 for-in 循环还是 for-of 循环时，我们需要考虑对象的类型以及我们需要迭代的内容。需要注意的是，for-in 循环并不是按照对象属性在对象中的顺序迭代的。for-in 循环适用于遍历对象，包括普通对象、数组、函数等，而 for-of 循环适用于遍历可迭代对象，包括数组、字符串、Map、Set、TypedArray 等。for-in 循环迭代对象的是键名，而 for-of 循环迭代对象的是值。因此，for-in 循环适用于迭代对象的键名，而 for-of 循环适用于迭代对象的值。
js中for of的使用
xvzhengyang的博客
04-09 8360
for...of可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合) 1.遍历数组 let myArray = [{ code: 1 }, { code: 2 }]; for (let value of myArra...
js中for in和for of的区别
qq_42243957的博客
04-22 7057
1、直接遍历对象 for in 拿到的是对象的属性名，for of 直接报错 2、遍历数组： for in 拿到的是数组对象的下标，for of 拿到的是数组对象的值 3、forEach **forEach 循环无法中途跳出，break 命令或 return 命令都不能奏效 for…of 循环可以与break、continue 和 return 配合使用，跳出循环** 4、无论是 for…in 还是 for…of 都不能遍历出 Symbol 类型的值， 遍历 Symbol 类型的值需要用 Object.
举例JS for.....in和for.....of
04-07
JS for...in 和 for...of 都是循环语句，但是用途不同。for...in 主要用于遍历对象的属性，而 for...of 则用于遍历可迭代对象（如数组、字符串等）的元素。举个例子，如果我们要遍历一个数组，可以使用 for...of ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值