每天3小时学前端之JS-第11天-while循环语句

此系列体验视频教程

点击观看：哔哩哔哩

while循环

while语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

var n = 1

while (n <= 10) {
  console.log(n);
  n++ // 如果没有这条语句，while条件会一直为true，会导致无限循环
}

do...while循环

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

var m = 1
do {
  console.log(m);
  m++
}while(m <= 10);

不管条件是否为真，do...while循环至少运行一次，这是这种结构最大的特点。另外，while语句后面的分号注意不要省略。

break语句和continue语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

break语句用于跳出整个循环。

var n = 1
while (n <= 10) {
  console.log(n);
  n++
  if (n == 6) break
}

continue语句用于跳出本次循环

var n = 1
while (n <= 10) {
  console.log(n);
  n++
  if (n == 6) continue
}

练习

• 求100以内所有偶数的和

var n = 0
var sum = 0
while (n < 100) {
  n++
  if (n % 2 != 0) continue
  sum = sum + n
}
console.log(sum);

• 打印直角三角形

*
**
***
****
*****
******

var i = 1
var str = ''
while (i <= 3) {
  var j = 1
  while (j <= i) {
    str += '*'
    j++
  }
  str += '\n'
  i++
}
console.log(str);

作业

• 控制台打印等腰三角形，且可以通过变量调整三角形层数

     *
    ***
   *****
  *******
 *********
***********

var n = 6 // 层数
var str = '' // 最终拼接成的三角形字符串

...

console.log(str);