三，JavaScript循环结构

循环作用：处理重复代码

        用循环简化代码

一，while循环结构

语法：

        while（条件语句）{

                        条件成立执行的代码

        }

 var a = 5
 while(a >= 1) {
     document.write('哈哈<br>');
     a--
}

执行流程：

        1. var a = 5

        2.开始while了

            ①判断条件     true -> 执行大括号中的代码 document.write(''); a--  a=4

            ②判断条件     true -> 执行大括号中的代码 document.write(''); a--  a=3

            ③判断条件     true -> 执行大括号中的代码 document.write(''); a--  a=2

            ④判断条件     true -> 执行大括号中的代码 document.write(''); a--  a=1

            ⑤判断条件     true -> 执行大括号中的代码 document.write(''); a--  a=0

            ⑥判断条件     false -> 循环结束

二，do-while循环结构

        （相当于while的变异体）

语法：

        do{

                代码段

        } while（条件）

do{}放前面，第一次执行是不需要判断条件的，先执行一次，然后后续的流程就跟while一样了

demo - 让用户一直的输入字符，如果输入的字符是n，停止让用户输入，每次输入的字符下显示在页面中

do{
    var word = prompt('请输入字符：')
    document.write(word);
}while(word != 'n')


============相当于==========


while(word != 'n') {
    var word = prompt('请输入字符：')
    document.write(word);
}

三，for循环结构

语法：

        for（初始值;条件;初始值的变化）{

                当条件为true的时候重复执行的代码段

        }

for(var a=1; a<=5; a++) {
    console.log(a);
}

执行流程：

初始值 a = 1        判断条件 true        输出a

      变化 a=2        判断条件 true        输出a

      变化 a=3        判断条件 true        输出a

      变化 a=4        判断条件 true        输出a

      变化 a=5        判断条件 true        输出a

      变化 a=6        判断条件 false

注意：

        1.初始值是一个定义变量的语法，可以一次性定义多个变量

        2.初始值的定义可以放在循环结构之外，但是该有的分号不能少

        3.变化可以不放在小括号中，分号不能少

        4.条件可以省略 - 条件默认是true

循环中的关键字：

break   ------ 可以使用在循环结构中，表示终止循环

continue ------ 将当前这次循环跳过，进行下一次循环

        在for循环中，continue下一步是转到 变化代码 的地方去

        在while循环中，continue下一步是转到 条件代码 的地方去

四，循环的嵌套

<pre >元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

// 99乘法表
document.write('<pre>');
for(var a=1; a<=9; a++) {
    for(var b=1; b<=a; b++) {
        var result = a*b
        result = result>=10 ? result : ' '+result
        document.write(b + '*' + a + '=' + result + '   ');
    }
    document.write('<br>');
}