Menu
CoddyTech

for...of 循环

本课属于 Coddy JavaScript 学习旅程的“基础知识”单元。第 65 课,共 77 课。

for...of 循环提供了一种简单的方法,用于遍历可迭代对象中的值,例如数组、字符串、映射、集合等。它结合了 forEach 的简洁性,以及使用 break 和 continue 的能力。

这是 for...of 循环的基本语法:

for (const element of iterable) {
    // 对每个元素执行的代码
}
  • element:每次循环时,都会将可迭代对象中的下一个值赋给这个变量。
  • iterable:要遍历其元素的对象(例如,数组或字符串)。

这是一个使用数组的示例:

const fruits = ["apple", "banana", "orange"];

for (const fruit of fruits) {
    console.log(fruit);
}

输出:

apple
banana
orange

下面再看一个字符串的例子:

const text = "hello";

for (const char of text) {
    console.log(char);
}

输出:

h
e
l
l
o

与传统的 for 循环或 forEach 方法相比,for...of 的语法更简洁,适用于许多常见场景,尤其是在不需要获取每个元素的索引时。

challenge icon

挑战

简单

编写一个名为 countVowels 的函数,它接受一个字符串作为参数,并返回字符串中元音字母(a, e, i, o, u)的数量。使用 for...of 循环遍历字符串中的字符。

例如:

  • countVowels("hello") 应返回 2
  • countVowels("javascript") 应返回 3

大写字母也要计数!

亲手试试

function countVowels(str) {
    // 在这里编写代码
}
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

基础知识中的所有课

自己练习: JavaScript 在线编译器