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 的语法更简洁,适用于许多常见场景,尤其是在不需要获取每个元素的索引时。
挑战
简单编写一个名为 countVowels 的函数,它接受一个字符串作为参数,并返回字符串中元音字母(a, e, i, o, u)的数量。使用 for...of 循环遍历字符串中的字符。
例如:
countVowels("hello")应返回 2countVowels("javascript")应返回 3
大写字母也要计数!
亲手试试
function countVowels(str) {
// 在这里编写代码
}这节课包含一个小测验。开始学习即可作答,并记录你的进度。
基础知识中的所有课
自己练习: JavaScript 在线编译器