JavaScript 分支/循环语句

Unsplash

分支语句

if 语句，只有当指定条件为 true 时，使用该语句来执行代码

if (条件) {
  只有当条件为 true 时执行的代码
}

运行结果

if...else 语句，在条件为 true 时执行代码，在条件为 false 时执行其他代码

if (条件) {
  当条件为 true 时执行的代码
} else {
  当条件不为 true 时执行的代码
}

运行结果

这里也可以使用三目运算符替换

运行结果

if...else if....else 语句，使用该语句来选择多个代码块之一来执行

if (条件 1) {
  当条件 1 为 true 时执行的代码
} else if (条件 2) {
  当条件 2 为 true 时执行的代码
} else {
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

运行结果

switch 语句，使用该语句来选择多个代码块之一来执行

switch(n) {
  case 1:
  执行代码块 1;
  break;
case 2:
  执行代码块 2;
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

运行结果

注释：① switch 语句中的 break 表示结束当前的情况，如果当前 case 中没有 break，会跳入下一个 case 继续执行，直到找到 break 退出；② 根据对应条件可以执行 case，条件以外的判断会进入 default 执行；③ 在 JS 中，switch 和 case 的值可以是常量 / 变量 / 表达式

循环语句

循环语句，满足条件下重复执行语句的结构

for 循环，循环代码块一定的次数

for (语句 1; 语句 2; 语句 3) {
  被执行的代码块
}

使用 for 循环求 1-100 的和

运行结果

循环控制，break 语句和 continue 语句用于在循环中精确的控制代码的执行

break 语句会立即退出本层循环，循环终止

continue 语句会立即跳过本次循环，循环继续

运行结果 1

运行结果 2

while 循环，当指定的条件为 true 时循环指定的代码块

while (条件) {
  需要执行的代码
}

运行结果

do...while 循环，同样当指定的条件为 true 时循环指定的代码块

运行结果

循环本质没有区别，不同形式之间可以相互转化，不同形式的循环是为了适应不同的操作情景，已知循环次数的循环一般使用 for 循环，位置循环次数的循环一般使用 while 循环，do...while 循环使用较少

循环中可以嵌套循环，一般用于行列内容操作 / 排序操作等

金字塔

var n = window.prompt("请输入行数");
for(i = 1;i <= n;i++) {
  for(j = 1;j <= n - i;j++) {
    document.write(" ");
  }
  for(k = 1;k <= 2 * i - 1;k++) {
    document.write("*")
  }
  document.write("<br>")
}

运行结果 1

运行结果 2

window.prompt

window.prompt，显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

result = window.prompt(text, value);

result 用来存储用户输入的文字

text 用来提示用户输入的文字，如果没有任何提示内容，该参数可以省略不写

value 文本输入框中的默认值，该参数也可以省略不写，不过在 IE 7/8 中，省略该参数会导致输入框中显示默认值 undefined

运行结果 1

运行结果 2

打开空的提示窗口

var sign = window.prompt();

运行结果

打开显示提示文本为"你四不四撒？"的提示窗口

var sign = window.prompt("你四不四撒？");

运行结果

打开显示提示文本为"你四不四撒？"并且输入框默认值为"对呀"的提示窗口

var sign = window.prompt('你四不四撒？','对呀！'); 

运行结果