JavaScript循环语句for，while，与break，continue配合案例详解

目录

for循环

语法：

for循环案例

1.简单的for循环

 2.使用for循环打印星星

 3.使用for循环打印等腰三角形

 4.倒三角，与拼成菱形

5.输出1000以内的水仙花数

 6.输出九九乘法表

 while循环

语法：

do while语法：

三者区别：

案例使用while循环打印直角三角形

break 和continue

break

continue

区别

---

本文章主要配合案例，来讲解JavaScript中的循环语句for和while，并且讲解break和continue的作用与区别。

for循环

语法：

for(初始化的变量；条件语句；自增自减){

    //循环体

}

初始化的变量：一般声明一个计数器，设置初始值

条件语句：判断语句

自增自减

for循环案例

1.简单的for循环

for (var a = 1; a <= 10; a++) {
    console.log("我是第" + a + "个*");
  }

输出结果：

 2.使用for循环打印星星

3行星星，每行星星有15个

外部循环控制行，内部循环控制每行有多少个星星（使用*代替星星）

var str = "";
  for (var a = 3; a >= 0; a--) {
    for (var b = 15; b >= 0; b--) {
      str += "*";
    }
    str += "\n";
  }
  console.log(str);

 3.使用for循环打印等腰三角形

kong是空格，等腰三角形左边空白部分使用空格来填充，输出内容就是空格+星号。

外层循环控制行数，输出的空格依次递减而星号依次增加来拼成一个等腰三角形。

for (var a = 1; a <= 5; a++) {
    var str = "";
    var kong = "";
    var aaa = "";
    for (var z = 0; z < 5 - a; z++) {
      kong += " ";
    }
    for (var b = 1; b <= a * 2 - 1; b++) {
      str += "*";
    }
    aaa = kong + str;
    console.log(aaa);

 4.倒三角，与拼成菱形

倒三角与等腰三角形相反，输出的空格依次递增，而星号依次递减来拼成一个倒的等腰三角形

 for (v