宽屏
1. while循环
循环：重复执行一些操作， while: 在...期间，所以 while循环 就是在满足条件期间，重复执行某些代码
比如我们运行相同的代码输出5次（输出5句“我是坤坤真爱粉”）
1.1 while 循环基本语法
while ( 循环条件 ) {
// 要重复执行的代码（循环体）
}释义:
跟 if 语句很像，都要满足小括号里的条件为 true 才会进入 循环体 执行代码。
while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出。
1.2 while 循环三要素
循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程
所以，while循环需要具备三要素:
1.变量起始值
2.终止条件（没有终止条件，循环会一直执行，造成死循环）
3.变量变化量（用自增或者自减）
let i = 1
while (i <= 5) {
document.write("我是坤坤真爱粉</br>")
i++
}1.3 循环退出
循环结束:
break：退出循环
let i = 1
while (i <= 5) {
if (i === 3) {
// 吃到第三个时候发现了虫子，从第三个往后也不想吃了
break
}
console.log(`我今天吃了${i}个包子！`)
i++
}continue：结束本次循环，继续下次循环
let i = 1
while (i <= 5) {
if (i === 3) {
// 吃到第三个时候发现了虫子，但是没吃饱，只是第三个有虫子不吃，后面继续吃
i++
continue
}
console.log(`我今天吃了${i}个包子！`)
i++
}区别:
continue 退出本次循环，一般用于排除或者跳过某一个选项的时候,可以使用 continue
break 退出整个循环，一般用于结果已经得到，后续的循环不需要的时候可以使用
2. for 循环
2.1 for 循环基本语法
作用：重复执行代码
好处：把声明起始值、循环条件、变化值写到一起，让人一目了然，它是最常使用的循环形式
for (变量起始值; 终止条件; 变量变化量) {
// 循环体
}for 循环输出1-100岁
for (let i = 1; i <= 100; i++) {
console.log(`我今年${i}岁了`)
}for 循环遍历数组
let arr = ['关羽', '张飞', '黄忠', '赵云', '马超']
for (let i = 0; i < arr.length; i++) {
console.log(arr[i])
}2.2 退出循环
continue 退出本次循环，一般用于排除或者跳过某一个选项的时候,可以使用continue
for (let i = 1; i <= 5; i++) {
if (i === 3) {
// 吃到第三个时候发现了虫子，但是没吃饱，只是第三个有虫子不吃，后面继续吃
continue
}
console.log(`我今天吃了${i}个包子！`)
}break 退出整个 for 循环，一般用于结果已经得到，后续的循环不需要的时候可以使用
for (let i = 1; i <= 5; i++) {
if (i === 3) {
// 吃到第三个时候发现了虫子，从第三个往后也不想吃了
break
}
console.log(`我今天吃了${i}个包子！`)
}了解:
1. while(true)来构造“无限”循环，需要使用 break 退出循环
2. for(;;)也可以来构造“无限”循环，同样需要使用 break 退出循环
2.3 for 循环嵌套
一个循环里再套一个循环，一般用在 for 循环里
for (外部声明记录循环次数的变量; 循环条件; 变化值) {
for (内部声明记录循环次数的变量; 循环条件; 变化值) {
// 循环体
}
}输出9x9乘法表
for (let i = 1; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
document.write(`${j} x ${i} = ${i * j} `)
}
document.write('<br>')
}
