整理Javascript流程控制语句学习笔记

2023年5月27日下午10:35 • JavaScript

下面为你详细讲解“整理Javascript流程控制语句学习笔记”的完整攻略。

攻略概述

本攻略旨在帮助读者更好地理解和掌握Javascript中的流程控制语句，涵盖以下内容：

分类介绍Javascript中的流程控制语句。
详细讲解Javascript中每种流程控制语句的用法、语法和示例。
给出实际例子，帮助读者理解流程控制语句的应用场景。
提供学习Javascript流程控制语句的一些小技巧和注意事项。

分类介绍Javascript中的流程控制语句

Javascript中的流程控制语句包括三种：

if语句：用于判断条件是否成立，如果成立则执行相应的代码块。
switch语句：用于多路分支情况的判断，依次匹配分支条件并执行对应的代码块。
循环语句（for、while、do-while）：用于控制代码重复执行的次数和条件。

详细讲解Javascript中每种流程控制语句的用法、语法和示例

if语句

if语句用于判断一个条件是否成立，如果成立则执行相应的代码块。

语法：```
if (expression) {
// 如果expression为true，则执行这里的代码块。
}


示例：```
var a = 10;
if (a > 5) {
  console.log('a大于5');
}

switch语句

switch语句用于多路分支情况的判断，依次匹配分支条件并执行对应的代码块。

语法：```
switch (expression) {
case value1:
// 当expression等于value1时执行这里的代码块。
break;
case value2:
// 当expression等于value2时执行这里的代码块。
break;
default:
// 当expression没有匹配到任何一个value时执行这里的代码块。
break;
}


示例：```
var color = 'red';
switch (color) {
  case 'red':
    console.log('color是红色');
    break;
  case 'green':
    console.log('color是绿色');
    break;
  default:
    console.log('color不是红色也不是绿色');
    break;
}

循环语句

for循环

for循环用于重复执行一组语句，并控制循环执行的次数。

语法：```
for (initialization; condition; expression) {
// 如果condition为true，则执行这里的代码块。
}


示例：```
for (var i = 0; i < 5; i++) {
  console.log(i);
}

while循环

while循环用于在指定条件为true的情况下，重复执行一组语句。

语法：```
while (condition) {
// 如果condition为true，则执行这里的代码块。
}


示例：```
var i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

do-while循环

do-while循环用于重复执行一组语句，并在循环结束后检查条件是否为true。

语法：```
do {
// 这里的代码块至少会被执行一次。
} while (condition);


示例：```
var i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

实际例子

下面是一个实际例子，演示如何使用流程控制语句来实现一个简单的计算器。

var op = prompt("请输入操作符（+、-、*、/）");
var num1 = parseInt(prompt("请输入第一个数字"));
var num2 = parseInt(prompt("请输入第二个数字"));
var result;
switch (op) {
  case '+':
    result = num1 + num2;
    break;
  case '-':
    result = num1 - num2;
    break;
  case '*':
    result = num1 * num2;
    break;
  case '/':
    result = num1 / num2;
    break;
}
console.log("计算结果为：" + result);