[JavaScript] 第四章控制、循环语句

Bertha 。 2024-04-23 21:03 81阅读 0赞

春花秋月何时了，往事知多少。此付费专栏不要订阅，不要订阅，听人劝。

> ?作者主页：青花锁 ?简介：Java领域优质创作者?、Java微服务架构公号作者?  
> ?简历模板、学习资料、面试题库、技术互助
> 
> ?文末获取联系方式 ?  
> ![在这里插入图片描述][8e79f79251004be596a5f46b79e5197a.png]

## 系列专栏目录 ##

[\[Java项目实战\] 介绍Java组件安装、使用；手写框架等][Java_ _Java]  
[\[Aws服务器实战\] Aws Linux服务器上操作nginx、git、JDK、Vue等][Aws_ Aws Linux_nginx_git_JDK_Vue]  
[\[Java微服务实战\] Java 微服务实战，Spring Cloud Netflix套件、Spring Cloud Alibaba套件、Seata、gateway、shadingjdbc等实战操作 ][Java_ Java _Spring Cloud Netflix_Spring Cloud Alibaba_Seata_gateway_shadingjdbc_]  
[\[Java基础篇\] Java基础闲聊，已出HashMap、String、StringBuffer等源码分析，JVM分析，持续更新中 ][Java_ Java_HashMap_String_StringBuffer_JVM_]  
[\[Springboot篇\] 从创建Springboot项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回、全局异常处理、Swagger文档 ][Springboot_ _Springboot_RestFul_Swagger_]  
[\[Spring MVC篇\] 从创建Spring MVC项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回 ][Spring MVC_ _Spring MVC_RestFul_]  
[\[华为云服务器实战\] 华为云Linux服务器上操作nginx、git、JDK、Vue等，以及使用宝塔运维操作添加Html网页、部署Springboot项目/Vue项目等 ][_Linux_nginx_git_JDK_Vue_Html_Springboot_Vue_]  
[\[Java爬虫\] 通过Java+Selenium+GoogleWebDriver 模拟真人网页操作爬取花瓣网图片、bing搜索图片等 ][Java_ _Java_Selenium_GoogleWebDriver _bing_]  
[\[Vue实战\] 讲解Vue3的安装、环境配置，基本语法、循环语句、生命周期、路由设置、组件、axios交互、Element-ui的使用等 ][Vue_ _Vue3_axios_Element-ui_]  
[\[Spring\] 讲解Spring(Bean)概念、IOC、AOP、集成jdbcTemplate/redis/事务等 ][Spring_ _Spring_Bean_IOC_AOP_jdbcTemplate_redis_]

--------------------

## 前言 ##

本章介绍JavaScript的控制、循环语句，包括：if、switch、while 、do while、for、for in、for of、跳出循环等。

--------------------

## 1、if 语句 ##

if (条件表达式 1) {
        
        // 条件表达式 1 为真时执行的代码
    } else if (条件表达式 2) {
        
        // 条件表达式 2 为真时执行的代码
    }
    ...
      else if (条件表达式N) {
        
        // 条件表达式 N 为真时执行的代码
    } else {
        
        // 所有条件表达式都为假时要执行的代码
    }

## 2、switch语句 ##

switch (表达式){
        
        case value1:
            statements1  // 当表达式的结果等于 value1 时，则执行该代码
            break;
        case value2:
            statements2  // 当表达式的结果等于 value2 时，则执行该代码
            break;
        ......
        case valueN:
            statementsN  // 当表达式的结果等于 valueN 时，则执行该代码
            break;
        default :
            statements  // 如果没有与表达式相同的值，则执行该代码
    }

## 3、while循环语句 ##

while (条件表达式) {
        
        // 要执行的代码
    }

var i = 1;
    while( i <= 5) {
        
        document.write(i+", ");
        i++;
    }

## 4、do while语句 ##

do {
        
        // 需要执行的代码
    } while (条件表达式);

var i = 1;
    do{
        
        document.write(i + " ");
        i++;
    }while (i < 5);

## 5、for ##

for(initialization; condition; increment) {
        
        // 要执行的代码
    }

for (var i = 1; i <= 10; i++) {
        
        document.write(i + " ");
    }

## 6、for in ##

for (variable in object) {
        
        // 要执行的代码
    }

// 定义一个对象
    var person = {
        "name": "Clark", "surname": "Kent", "age": "36"};
    
    // 遍历对象中的所有属性
    for(var prop in person) {
        
        document.write("<p>" + prop + " = " + person[prop] + "</p>");
    }

## 7、for of ##

for (variable of iterable) {
        
        // 要执行的代码
    }

// 定义一个数组
    var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
    // 使用 for of 循环遍历数组中的每个元素
    for (var value of arr) {
        
        document.write(value + ", ");
    }
    document.write("<br>");

## 8、跳出循环 ##

break
    continue

JavaScript 中的标签就是一个标识符（类似变量名），后面跟随一个冒号:  
将 break 与标签配合使用，则可以一次跳出多层循环。

--------------------

### 联系方式 ###

#### 微信公众号：Java微服务架构 ####

![在这里插入图片描述][c8bfb5ed6bbf47f386f48923b2b123ef.jpeg_pic_center]

[8e79f79251004be596a5f46b79e5197a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/4d9565a94c174cb5a6e129de4eecfcb0.png
[Java_ _Java]: https://blog.csdn.net/s445320/category_12345409.html
[Aws_ Aws Linux_nginx_git_JDK_Vue]: https://blog.csdn.net/s445320/category_12492968.html
[Java_ Java _Spring Cloud Netflix_Spring Cloud Alibaba_Seata_gateway_shadingjdbc_]: https://blog.csdn.net/s445320/category_12439818.html
[Java_ Java_HashMap_String_StringBuffer_JVM_]: https://blog.csdn.net/s445320/category_12369312.html
[Springboot_ _Springboot_RestFul_Swagger_]: https://blog.csdn.net/s445320/category_12273537.html
[Spring MVC_ _Spring MVC_RestFul_]: https://blog.csdn.net/s445320/category_12295009.html
[_Linux_nginx_git_JDK_Vue_Html_Springboot_Vue_]: https://blog.csdn.net/s445320/category_12426609.html
[Java_ _Java_Selenium_GoogleWebDriver _bing_]: https://blog.csdn.net/s445320/category_8863085.html
[Vue_ _Vue3_axios_Element-ui_]: https://blog.csdn.net/s445320/category_12278346.html
[Spring_ _Spring_Bean_IOC_AOP_jdbcTemplate_redis_]: https://blog.csdn.net/s445320/category_12283629.html
[c8bfb5ed6bbf47f386f48923b2b123ef.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/a72650087e0b49f191bc03aa68868d2e.jpeg