js多重循环及函数

对象

对象 是有 键（key） 和 值 （value）对应的键值对组成的；

对象中的key是字符串类型的数据类型；

如何获取对象中的值？

第一种：已知键的值；

采用 ： 对象名.key具体值。

第二种：位置对象中的 key值

采用：遍历对象，筛选出你想要的key ,使用满足条件的key ，对象名[key]

let obj = {
           "name": "zhangsan",
           "age": 30,
           "school": "清华大学"
       };
       for (var key in obj) {
           if (key == "age") {
               obj[key] = 18;
           }
           document.write(obj[key]);
       }

函数：

语法：（函数可以含形参，也可以不含参）

function 函数名(参数1 ， 参数2，.....){

           //javascript 语句；

           [retrun 返回值]

           }

调用函数：函数调用一般和元素事件一起使用；

语法：事件名 = “ 函数名（）”；

<button onclick="fn('hello','world')">点我</button> 
    <script>
        /* function fn(a, b) {
            alert(a + b);
        } */
        // 直接调用
        // fn('来啦', '老弟');
        //有返回值的函数,使用return 返回值，return会终止函数
        // 后面的语句就不会执行了
        function fn(a, b) {
            return a + b;
        }
        var gg = fn('你是', '死鬼');
        alert(gg);
    </script>

双重循环

双重循环是一个循环体内又包含了另一个完整的循环结构。

如：

//外层循环

while(循环条件1){

//内层循环

    //循环操作1

    while(循环条件2){

         //循环操作2

    }

}

for(循环条件1){

    //循环操作1

    for(循环条件2){

         //循环操作2

    }

}

while(循环条件1){

     //循环操作1

     for(循环条件2){

         //循环操作2

 }

}

//九九乘法表简答用双重循环演示：

<script>
       //for循环 正9*9乘法表
       for (var i = 1; i <= 9; i++) {
           for (var j = 1; j <= i; j++) {
               if (i * j < 10) {
                   document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
               } else {
                   document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;");
               }
           }
           document.write("<br>")
       }
       document.write("<====================================================>
")
       //倒9*9乘法表
       for (var i = 9; i >= 1; i--) {
           for (var j = 1; j <= i; j++) {
               if (i * j < 10) {
                   document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
               } else {
                   document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;");
               }
           }
           document.write("<br>")
       }
       //while 写法
        var i = 1;
        while (i <= 9) {
           var j = 1;
            while (j <= i) {
                document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;");
                j++;
            }
            document.write('<br>');
            i++;
        }
       //do-while写法
       var i = 1;
       do {
           var j = 1;
           do {
               document.write(i + "*" + j + "=" + i * j + "&nbsp;&nbsp;&nbsp;");
               j++;
           } while (j <= i);
           document.write('<br>');
           i++;
       } while (i <= 9);
   </script>

break 语句 ：

break

• 语句用于终止某个循环，使程序跳出当前循环块；
• 在循环中位于break后的语句将不再执行；
• break通常在循环中与条件语句一起使用；

break 执行流程：

while (判断语句) {

               .........

               .........

               //跳出当前循环，后面代码不执行

               break;

               ......

           }

<script>
       for (var i = 1; i <= 6; i++) {
           var score = prompt('请输入' + i + '学生成绩');
           if (score < 0) {
               alert('第' + i + '成绩输入有误');
                break;
           }
           document.write('第' + i + '名学生成绩=' + score + '<br>');
       }
   </script>

continue 语句

continue 只用于循环结构，表示退出本次循环，进入下一次循环，不会像break 一样跳出循环块, continue 语句后面的代码块将不执行，直接进入下一次循环。

continue 执行流程：

while (判断语句) {

               .........

               .........

               //跳过本次循环，后面代码不执行，进入下一次循环

               continue;

               ......

           }

注意：continue 和 break 的区别在于，continue 只是跳过本次循环，而break 跳出整个循环快。

调试方法：

1,在代码块中加入 debugger 语句来实现，这种做法有忘记删除debugger 语句的风险，

2,进入浏览器中打开检查（快捷键F12）进入，打开源码，刷新界面，即可进入源码，可以点击需要调试的代码段。