「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」
一、循环语句
我们先做一个小游戏 ， 原地转圈 循环可以将代码块执行指定的次数。如果我们需求一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。
不同类型的循环
JavaScript 支持不同类型的循环：
- for - 循环代码块一定的次数
- while - 当指定的条件为 true 时循环指定的代码块
- do/while - 同样当指定的条件为 true 时循环指定的代码块
- for/in - 循环遍历对象的属性
/*
1.认识循环结构
2.使用循环结构开发简单案例
3.使用循环结构进行案例的设计开发
*/
/*
循环结构：
循环：不断的重复
JS中常见的循环，for循环、while循环、do-while循环
*/
/*
第一次循环时，先判断条件，条件满足进行循环；不满足不循环
1. for循环:向网页上输出1~10的数字
循环步骤：开始循环
var i = 1;// 初始化一个变量，i=1
------第一次循环开始---------
i <= 10;//判断条件
执行循环大括号中的代码
i++;// i自增加1
-------第一次循环结束，开始下一次循环--------
i <= 10;//判断条件
执行循环中的代码
i++;
-------第二次循环结束，开始下一次循环--------
*/
for(var i = 1; i <= 10; i++) {
// 向网页上直接输出内容
document.write("<h1>for:" + i + "</h1>");// 使用write(数据)，将括号中的数据，写到网页上进行显示
}
/*
第一次循环时，先判断条件，条件满足进行循环；不满足不循环
2. while循环
*/
var w = 1;
while(w <= 10) {
document.write("<h2>while:" + w + "</h2>");
w++;
}
/*
3.do-while循环：特殊循环
第一次直接执行循环中代码，然后判断条件，满足进行循环；不满足不循环
*/
var wh = 1;
do{
document.write("<h3>do-while:" + wh + "</h3>");
wh ++;
}while(wh <= 10);
二、for 循环
咱班同学XX迟到了，罚他原地转10圈，没有转的时候记为0，转第一遍的时候心里默念1圈，转第二圈的时候心里默念2圈，……，转到第10圈的时候停下来
语法：
for (语句 1; 语句 2; 语句 3) {
被执行的代码块
}
// index = 0； index <= 100; index++
/**
语句 1 在循环（代码块）开始前执行
语句 2 定义运行循环（代码块）的条件
语句 3 在循环（代码块）已被执行之后执行
**/
示例：
for (var i=0; i<5; i++){
console.log('number is' + i);
}
三、while 循环
while 属于前测试循环语句，只要指定条件为 true，循环就可以一直执行代码块。 语法：
while (条件){
需要执行的代码
}
示例：
while (i<5){
text = text + "The number is " + i + "\n";
i++;
}
console.log(text);
四、 do/while 循环
反之 while 循环属于前测试循环，在循环体呢的代码执行之前，就会对出口条件求值，因此如果条件不符合，循环内的代码有可能永远不会被执行。
语法：
do {
需要执行的代码
} while (条件);
示例：
do {
text = text + "The number is " + i + "<br>";
i++;
}
while (i<5);
console.log(text);
五、 for/in 循环
for/in循环一般用于遍历，遍历对象的属性，这里简单介绍，会在之后的对象和数组那块应用更多。
var person={fname:"John",lname:"Doe",age:25};
for (key in person) // key 为属性名
{
text = text + person[key];
}
console.log(text);
六、 break 和 continue
break 语句用于跳出循环，continue 用于跳过循环中的一个迭代。简单来讲就是 break是直接跳出循环，之后的循环符合条件也不执行；而 continue 则是跳出本次循环，之后的循环符合条件还是要继续执行。
示例：
for (i=0;i<10;i++){
if (i==3){
break;
}
text = text + "The number is " + i + "\n";
}
console.log(text);
continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。
for (i=0;i<=10;i++)
{
if (i==3) continue;
text = text + "The number is " + i + "\n";
}
console.log(text);
总结
以上就是今天带你走进从零认识带你走进从零认识JavaScript到精髓（六）JavaScript 分支语句
会持续更新中…
原创不易，期待您的点赞关注与转发评论😜😜😜
