JavaScript(JS)语法—循环语句详解

上一节我们详细讲解了JS里的条件语句：if-else语句和switch语句，本节我们继续JS语法的学习，开始了解循环语句。

对于一些机械重复的操作，比如数组的遍历，我们就可以通过循环语句来执行这个行为了。JS里有很多循环语句，但是最核心的就是这两个——for循环和while循环，其他循环都是在此基础上进行适配。

for循环：

/*
for (初始化; 循环条件; 更新表达式) {
     循环体 - 要重复执行的代码
}
*/
for(let i=0;i<2;++i)
{
  alert(`${i}`)
}
/*输出0、1'*/

while循环：

/*while循环*/
/*
while (循环条件) {
     循环体 - 要重复执行的代码
}
*/
let i = 0;
while (i < 2) {
  alert(`${i}`);
  ++i;
}
/*输出0、1*/

其他循环：

do-while循环(先执行再判断是否继续循环)：

/*do-while循环*/
/*
do {
     循环体 - 要重复执行的代码
} while (循环条件);
*/
let i = 0;
do {
  alert(`${i}`);
  ++i;
} while (i < 2);
/*输出0、1*/

for···of(遍历可迭代对象):

/*for...of循环*/
/*
for (变量 of 可迭代对象) {
     循环体 - 要重复执行的代码
}
*/
const array = ['a', 'b'];
for (const item of array) {
  alert(`${item}`);
}
/*输出'a', 'b'*/

for···in(遍历对象的可枚举属性)：

/*遍历对象属性*/
/*
for (变量 in 对象) {
     循环体 - 要重复执行的代码
}
*/
const Dotcpp = {
  website: 'https://www.dotcpp.com/',
  course: 'JavaScript(JS)教程'
};
for (const prop in Dotcpp) {
  alert(`${prop}: ${Dotcpp[prop]}`);
}
/*输出'website: https://www.dotcpp.com/', 'course: JavaScript(JS)教程'*/

总结：for循环和while循环是JS里最基础的两种循环，读者务必牢记于心；其他循环如do-while循环、for···in循环和for···of循环等读者需熟练掌握，以便以后遇到各种问题时能够选择合适的循环。