JavaScript基础（四）

九九乘法表案例

<script>

    // 1. 外层循环控制行数

    for (let i = 1; i <= 9; i++) {

      // 2. 里层循环控制列数

      for (let j = 1; j <= i; j++) {

        document.write(`${j} X ${i} = ${i * j}`)

      }

      document.write('<br>')

    }

  </script>

循环语句

for循环语句

语法：

 for(起始值; 终止条件; 变化量) {
 要重复执行的代码
}

要注意的是一定要设置好起始值; 终止条件; 变化量；否则也会变成一个死循环

while循环

while 循环是 for 循环的简化版，while 循环底层机制是 for 循环。

while循环小案例

打印一百内7的倍数

<script>

    let i=0;

    while(i < 100){//一旦i符合i<100他就会执行if

     if(i%7==0|i%10 ==7){

    document.write(i+" ")

}

i++//自加后再从新执行while语句

    }

</script>

while循环的语法：

while (条件表达式) {
   // 循环体    
}

终止循环

    let i = 1

    while (i <= 6) {

      if (i === 4) {

        i++

      break

      }

      console.log(i)//输出1 2 3 

      i++

    }

    let i = 1

    while (i <= 6) {

      if (i === 4) {

        i++

        continue

      }

      console.log(i)//输出1 2 3 5 6

      i++

    }

由此可见，break是结束整个循环输出结果，一般用在结果已经得到, 后续的循环不需要的时候可以使用（提高效率） ；continue是结束本轮循环，跳过本轮循环，继续下一轮循环，用于排除或者跳过某一个选项的时候。

数组案例

声明数组

// 1. 字面量声明数组

       let arr = [1, 2,3, 4]

    // 2. 使用new Array 构造函数声明   了解即可

     let arr = new Array(1, 2, 3, 4)

     console.log(arr)

运用for循环遍历数组

 for (let i = 0; i < arr.length; i++) {

     。。。。

    }

数组增

arr.push('8', '9')//增值数组尾部

arr.unshift('7')//增至数组头部

数组改

直接为数组赋一个新值即可

数组删

arr.pop()/pop 删除最后一个单元

arr.shift()//shift 删除第一个单元

arr.splice(1, 1)//是从索引号1的位置开始删， 只删除1个