foreach、for in和for of之间区别?

简介: foreach、for in和for of之间区别?

foreach、for in和for of都是用于循环遍历数组或对象的方法,但它们之间有一些区别。

1. foreach:是数组的原生方法,可以遍历数组中的每个元素,但是无法中途中断循环或者跳出循环。它只接受一个回调函数作为参数,参数为当前元素、索引和数组本身。

例子:

const arr = [1, 2, 3];
arr.forEach((element, index, array) => {
  console.log(element, index, array);
});

2. for in:是一个用于遍历对象属性的循环语句,可以遍历对象的可枚举属性(包括继承的属性)。它遍历的是对象的键名,而不是键值。可以用来遍历数组,但是不推荐使用,因为数组也是对象,它会遍历数组的索引。

例子:

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  console.log(key, obj[key]);
}
 

3. for of:是ES6新增的循环语句,用于遍历可迭代对象(包括数组、字符串、Set、Map等)。它遍历的是对象的键值,而不是键名。与for in不同,for of无法遍历对象的属性,只能遍历对象的值。

例子:

const arr = [1, 2, 3];
for (let element of arr) {
  console.log(element);
}
相关文章
|
2月前
|
存储
`map()`方法在什么场景下会比 `forEach()`方法更高效?
综上所述,当需要对数组元素进行复杂的转换并生成新数组、进行链式调用和函数式编程、处理元素之间存在明确映射关系的情况以及与其他数组方法结合使用时,`map()`方法比`forEach()`方法更高效,能够使代码更加简洁、清晰和易于维护。
65 32
|
3月前
for in ,for of和forEach的区别
for in ,for of和forEach的区别
64 5
|
3月前
|
算法
|
8月前
如何实现数组和 List 之间的转换?
如何实现数组和 List 之间的转换?
|
5月前
|
索引
foreach,for in和for of的区别
foreach,for in和for of的区别
61 1
|
7月前
|
存储 安全 程序员
老程序员分享:List、Map、Set之间的联系与区别:
老程序员分享:List、Map、Set之间的联系与区别:
|
8月前
|
JavaScript 前端开发 索引
foreach、for in 和for of之间的区别
foreach、for in 和for of之间的区别
62 6
|
8月前
|
JavaScript 前端开发
foreach、for in和for of的区别?
foreach、for in和for of的区别?
60 0
|
JavaScript 前端开发 索引
foreach、for in 和for of的区别?
foreach、for in 和for of的区别?
List,Map多层循环嵌套Demo及其理解
List,Map多层循环嵌套Demo及其理解
161 0