for each和for of的区别

2023-12-21 21:44:42
  1. forEach方法:
    • forEach是Array对象的方法,可以直接使用。
    • forEach会对数组中的每个元素执行指定的回调函数,但无法在回调函数中使用breakreturn来中止循环。
    • 回调函数接受三个参数:当前遍历的元素值、当前遍历的索引和整个数组本身。
    • forEach不返回任何值,它只是用于遍历数组并执行操作。
const arr = [1, 2, 3, 4];

arr.forEach((element, index) => {
  console.log(`Element at index ${index}: ${element}`);
});

//输出结果
Element at index 0: 1
Element at index 1: 2
Element at index 2: 3
Element at index 3: 4
  1. for...of循环:
    • for...of是ES6引入的语法,用于遍历具有迭代器的可迭代对象(如数组、字符串、Set、Map等)。
    • for...of支持使用breakreturn来中止循环。
    • 在每次迭代中,通过of关键字将当前元素的值赋给一个变量,可以直接访问该值。

const arr = [1, 2, 3, 4];

for (const element of arr) {
  console.log(`Element: ${element}`);
}
//输出结果
Element: 1
Element: 2
Element: 3
Element: 4
  • forEach适用于需要对每个数组元素执行相同操作的情况,而且不需要中止循环。
  • for...of适用于需要在遍历过程中使用breakreturn来中止循环的情况,或者需要直接访问当前元素的值。此外,for...of也适用于遍历其他可迭代对象,如字符串、Set和Map等。

文章来源:https://blog.csdn.net/m0_71966801/article/details/131877217
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。