for in for of 的区别

最新推荐文章于 2023-12-07 10:25:27 发布
最新推荐文章于 2023-12-07 10:25:27 发布
阅读量73 收藏
点赞数
分类专栏： js 文章标签： for循环
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/etemal_bright/article/details/115520183
版权
本文详细介绍了JavaScript中for...in、for...of和forEach的区别，强调了for...in适用于遍历对象而for...of更适合数组。for...of允许使用break和return跳出循环，而forEach无法中途退出。此外，for...in只能获取对象键名，for...of能获取迭代值。了解这些差异对于优化代码和避免潜在问题至关重要。
摘要由CSDN通过智能技术生成
  • for in与for of与foreach的区别？哪个可以使用break，return跳出
for of 可以跳出
foreach不能跳出
for in 遍历对象 只能获取对象的键名，不能拿到值
for of 可以获取到值
总之，for...in 循环主要是为了遍历对象而生，不适用于遍历数组
阿奇是只猪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript数组forEach,for in和for of等不同遍历的差别详解与性能分析
分花拂柳的博客
06-14 3万+
写在前面JavaScript中，茴香豆的'茴'有四种写法……开玩笑的，是数组的遍历有四种方法，本文将会分别展示四种遍历的用法，分析他们的区别，最后比较他们的性能。正文遍历数组时，在所有语言中，最常用的方法都是//以下简称为arr.length遍历 var arr = [0,1,2,3,4,5,6,7,8,9]; for(var i = 0; i < arr.length; i++){    ...
(js)for of 和 for in 的区别
nyf_unknow的博客
02-17 6184
区别一：for in 和 for of 都可以循环数组。for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。区别二：for in 可以遍历对象，for of 不能，只能遍历带有iterator接口的，例如Set,Map,String,Array。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。for in适合遍历对象，for of适合遍历数组。
for…in 和 for…of 的区别
最新发布
m0_38135164的博客
12-07 1026
for of 一般只能遍历自身的可枚举属性（具体和迭代器内部的实现有关）for of 一般得到的是value（具体和迭代器内部的实现有关）for in 能遍历自身的可枚举属性 && 原型上的可枚举属性。，像Array、String、Map、Set、函数的。for in 得到的是key（并且不能保证顺序）例如 对象、数组、字符串。for in 适用于。for of 适用于。、nodeList对象。
js的for、foreach、for in、for of之间的区别和使用
qq_44552416的博客
03-02 3326
描述 在JS开发工作中，遍历数组的操作可谓十分常见了，那么像for循环，forEach此类方法自然也不会陌生，我们这里详细讲解一些他们之前的一些区别和作用 1，二者区别 1.for循环可以使用break，return，continue跳出循环，但forEach不能，只能通过try …catch 来终止。 （1）continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代. for (let i = 0; i < arr.length; i++) { if (i ==
【ES6】for of用法
热门推荐
汪小穆的博客
05-31 15万+
前言：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); } 输出...
JavaScript的for of循环和for in循环与python的for in循环
dugushangliang的博客
04-08 1942
版权声明：转载请注明作者（独孤尚良dugushangliang）出处： https://blog.csdn.net/dugushangliang/article/details/89086893 JavaScript的for in循环和for of循环挺有意思的，不过这两个都和python的for in循环有区别也有联系。 JavaScript的数组是python的列表，称谓不同而已。下...
刨析 JS 中的forEach、for in、for of三类循环原理和性能
muzidigbig的博客
04-01 8926
一、for 循环和 while 循环的性能对比 优点：程序简洁，结构清晰，循环初始化，循环变量化，循环体和循环条件位置突出 循环是可以中断循环（利用break语句或return语句）。 缺点：结构比while循环复杂，容易出编码错误 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0; i< arr.length; i++){} console.timeEnd('forTi...
JavaScript 中 for in 和for of的区别
奋斗的小绿萝
08-23 3924
重点内容 for in 取 key； for of 取 value for of 只能用于数组遍历，for in还可以用于对象属性的遍历 eg， 1. 遍历数组： let array = [1,2,3,'lynn','Lanny'] console.log('for of: ') for (let value of array){ console.log(value); } c...
面试题7：for…in与for…of的区别
adognamedgeorge的博客
06-25 5556
栗子1：遍历数组 const arr1 = ['a', 'b', 'c']; for (let i in arr1) { console.log(i) // 0, 1, 2 } const arr2 = ['a', 'b', 'c']; for (let i of arr2) { console.log(i) // a, b, c ...
javascript中for of和for in的区别
DullSwordCN的博客
09-04 2033
https://segmentfault.com/q/1010000006658882 先说结论： 推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 for...in循环出的是key，for...of循环出的是value 注意，for...of是ES6新引入的特性。修复了ES5引入的for...in的不足 for.....
通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
详解Js里的for…in和for…of的用法
12-10
在JavaScript中，`for...in`和`for...of`循环是两种不同的迭代方式，各自有其特定的应用场景。下面将详细讲解这两种循环的工作原理、区别以及如何在实际编程中正确使用它们。 首先，`for...in`循环是JavaScript中的...
js中forEach，for in，for of循环的用法示例小结
11-21
本文将深入探讨三种常见的循环方法：`forEach`、`for...in` 和 `for...of`，并提供它们的使用示例。 1. **`forEach` 循环** `forEach` 是 JavaScript 中专为数组设计的迭代方法，它会遍历数组中的每个元素，并对每...
js比较或者筛选时不区分大小写
etemal_bright的博客
07-06 1万+
str.toUpperCase() str转化成大写 str.toLowerCase() str转成小写 例如： product.name.toUpperCase().indexOf(this.props.filterText.toUpperCase())=== -1 都转化成统一格式就可以进行比较了...
zepto里面不能使用animate的解决办法
etemal_bright的博客
11-22 5707
去github中打开src/fx.js，把内容添加到zepto.min.js中 点击打开链接 就可以了 需要什么模块 加入什么模块
js获取当前时间的近12个月，当前日期的未来7天
etemal_bright的博客
11-20 3445
var xData = function() {//获取近12月日期 var dataArr = []; var data=new Date(); var year=data.getFullYear(); data.setMonth(data.getMonth()+1)//获取到当前月份,设置月份 for (var i = 0; i 12; i++) {
Object.assign 与... 对象展开语法 区别
etemal_bright的博客
08-03 2390
项目中 使用Object.assign 导致页面报错 ...mapMutations('heavy', ['setAddServiceFeeInfo']), preFeeParamsChange = Object.assig(AddServiceFeeInfo.preFeeParams,preFeeParamsChange） 原因： Object.assign 会触发的setter方法 这使得mutation的值发生改变 对象展开语法 不会触发setter ...mapMutations('heavy
js实现时间转化成特定格式
etemal_bright的博客
08-31 2213
this.formatDate(new Date(1534814729000),'M月d日hh:mm') : '',//8月21日09:25 this.formatDate(new Date(new Date().getTime()), 'yyyy-MM-dd hh:mm:ss');//2017-09-09 17:02:56 formatDate(date, fmt) { if (/(y+...
js图片查看器
etemal_bright的博客
12-04 1007
首先 在github上下载 js，css点击打开链接 html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> link rel="stylesheet" href="../css/viewer.min.css"> script src="../lib/jquery.min.js">
for in for of区别
05-11
`for...in` 和 `for...of` 是 JavaScript 中的两种循环结构，它们的主要区别在于对于对象和数组的遍历方式不同。 - `for...in` 是用于遍历对象的属性（property）的循环结构，它会遍历对象的所有可枚举的属性，包括它的继承的属性。 - `for...of` 是用于遍历数组、字符串、Map 和 Set 等 Iterable 类型的循环结构，它会遍历对象的所有元素，不包括它的属性。 因此，当你需要遍历一个对象的属性时，应该使用 `for...in`；当你需要遍历一个数组、字符串、Map 或 Set 等 Iterable 类型的元素时，应该使用 `for...of`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值