for in 、for of、 foreach三者的区别

for in 是一种在 JavaScript 中遍历对象属性的方法,它可以遍历一个对象的所有可枚举属性,但不能遍历数组。

for of 是一种在 JavaScript 中遍历可迭代对象的方法,它可以遍历数组、字符串、Set、Map 等可迭代对象。

foreach 是 JavaScript 中 Array 的一个方法,它可以遍历数组并对数组中的每个元素执行指定操作。

1、for in 、for of 两者比较(遍历对象)

 2.两者对比例子(遍历数组)

 

3.foreach 遍历

 

迭代器的理解: 

是使用户在容器对象(container,例如链表或数组)上可以遍历访问的对象

在JavaScript中,迭代器也是一个具体的对象,这个对象需要符合迭代器协议 :

  • 迭代器协议定义了产生一系列值(无论是有限还是无限个)的标准方式
  • 在JavaScript中这个标准就是一个特定的next方法

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 JavaScript 中,`for...in`、`forEach` 和 `for` 是用于遍历数组或对象的几种常见的遍历方法,它们有一些区别和适用场景。 1. `for...in`: `for...in` 是用于遍历对象的属性的语法结构。它会遍历对象的可枚举属性,包括继承自原型链的属性。通常用于遍历对象的键名,而不是数组。对于数组遍历,使用 `for...in` 可能会遇到一些问题,因为它也会遍历数组的非数字属性,并且不保证按照顺序进行遍历。 ```javascript for (let key in obj) { console.log(key); // 输出对象的键名 } ``` 2. `forEach`: `forEach` 是 Array 对象的方法,用于遍历数组的每个元素。它接受一个回调函数作为参数,并且会依次传入当前元素、索引和数组本身。 `forEach` 会自动跳过稀疏数组中的空位,并且不会返回新的数组。 ```javascript array.forEach((element, index, array) => { console.log(element); // 输出数组的元素 }); ``` 3. `for`: `for` 是一种通用的循环语句,可以用于遍历数组或类数组对象(如字符串)。它使用一个循环变量和条件表达式来控制循环的次数。 `for` 循环可以与数组的索引一起使用,可以通过索引访问数组的元素,并且可以在循环中进行灵活的操作。 ```javascript for (let i = 0; i < array.length; i++) { console.log(array[i]); // 输出数组的元素 } ``` 总结一下它们的区别: - `for...in` 主要用于遍历对象的属性,不适用于遍历数组。 - `forEach` 是数组的方法,用于遍历数组的每个元素,不需要手动控制循环次数。 - `for` 是通用的循环语句,可以用于遍历数组或类数组对象,对循环次数和循环体内操作有更大的灵活性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值