JS中的分支语句和循环语句

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量715 收藏
点赞数 1
文章标签： 前端 开发语言 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43375983/article/details/121480868
版权

1、JS中的IF语句

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS中的IF语句</title>

</head>

<body>

<script>

    // JS语句

    // python: 分支语句 if、if-else、if-elif-else 循环语句: while、for-in

    //  JS:分支语句 if、if-else、if-else if ...-else、switch-case 循环语句:for、for-in、while、do-while

    // if语句 语法

    /*

    单分支语法

    if(条件表达式){

        满足条件时，执行的内容1

    }

    双分支语法

    if(条件表达式){

        满足条件时，执行的内容1

    }else{

        满足条件时，执行的内容2

    }

    多分支语法

    if(条件表达式1){

        满足条件时，执行的内容1

    }else if(条件表达式2){

        满足条件时，执行的内容2

    }...else{

        执行内容n

    }

     */

    // 单分支:要么执行，要么不执行

    var num1 = 10;

    if(num1 < 100){

        document.write("hello");

    }

    document.write("<hr/>");

    // 双分支

    if(num1 % 2 == 0){

        document.write("偶数");

    }else{

            dovument.write("奇数");

    }

    document.write("<hr/>");

    // 多分枝

    var n = 3;

    if(n < 3){

        document.write(1);

    }else if(n < 4){

        document.write(2);

    }else if(n > 5){

        document.write(3);

    }else{

        document.write(4);

    }

    document.write("<hr/>");

    // 嵌套

    if(n > 1){

        if(n >2){

            document.write('ok');

        }

    }

    document.write("<hr/>")

    // 等价于

    if(n > 1 && n > 2){

        document.write("ok");

    }

    document.write("<hr/>")

    // 永真的 判断

    if(true){

        document.write("永真");

    }

    document.write("<hr/>")

    if(1){

        document.write("永真")

    }

    document.write("<hr/>")

    

    // 永假 : 0、0.0、false、null

</script>

</body>

</html>

2、switch语句

default 所处位置与执行顺序无关

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS中的switch语句</title>

</head>

<body>

<script>

    // 语法

    /*

    switch(变量){

        case 常量1: {

            执行语句1;

            break;

        }

        case 常量2： {

            执行语句2;

            break;

        }

        ...

        default:{

            语句n;

            break;

        }

    }

     */

    var str1 = "g"

    switch(str1){

        case "b":{

            document.write("残忍拒绝");

            break;

        }

        case "g":{

            document.write("欣然接受");

            break;

        }

        default:{

            document.write("不做处理");

            break;

        }

    }

</script>

</body>

</html>

3、while 和 do-while语句

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS中 while 和 do-while用法</title>

</head>

<body>

<script>

    // 语法

    /*

    while语句

    while(条件表达式){

        循环体;

        循环之后的操作表达式;

    }

     */

    // 打印0-9的数字

    var n = 0;

    while(n < 10){

        document.write(n + "<br/>");

        n++;

    }

    document.write("<hr/>")

    // do-while语句

    /*

    初始化表达式

    do {

        循环体;

        循环之后的操作表达式;

    }while(条件表达式);

     */

    var num2 = 0;

    do {

        document.write(num2 + "<br/>");

        num2++;

    }while(num2 < 10);

    document.write("<hr/>")

    // while 和 do-while 区别

    var n1 = 3;

    while(n1 < 1){

        document.write('while');

    }

    document.write("<hr/>")

    var n2 = 3;

    do{

        document.write("do-while");

    }while(n2 < 1);

    document.write("<hr/>")

    // while 和 do-while的区别：

    // while中先判断条件是否成立，然后执行循环语句

    // do-while中先执行do中的语句，然后判断条件表达式

    // 求1-100的和

    var num = 1;

    var sum = 0;

    while(num <= 100){

        sum +=num;

        num++;

    }

    document.write(sum);

    document.write("<hr/>");

    var num1 = 0;

    var sum1 = 0

    do{

        sum1 += num1;

        num1++;

    }while(num1 <= 100);

    document.write(sum1)

</script>

</body>

</html>

4、for、for-in语句

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>JS中for的用法</title>

</head>

<body>

<script>

    // for语法

    /*

    for(表达式1;表达式2；表达式3){

        循环体;

    }

    表达式1：初始化表达式

    表达式2：条件表达式

    表达式3：循环之后的操作表达式

     */

    // 打印0-9的数字

    for(var n = 0;n < 10;n++){

        document.write(n)

    }

    document.write("<hr/>")

    // 求和

    // var sum = 0;

    // for(var i = 1;i <= 100;i++){

    //     sum += i;

    // }

    // document.write(sum);

    // document.write("<hr/>")

    //打印99乘法表

    for(var i = 1;i <= 9;i++){

        for(var j = 1;j <= i; j++){

            sum = i * j;

            document.write(j + "*" + i + "=" + sum + "  ");

        }

        document.write("<br/>")

    }

    document.write("<hr/>")

    // for-in  遍历数组，获取数组中的元素

    /*

    语法

    for(变量 in 容器--列表、数组等){

        循环体;

    }

     */

    var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]

    for (var i in arr){

        document.write(arr[i]);

        document.write("<br/>")

    }

    // 打印i 时，获取的是数组的下标

    // 切片时，打印的时数组的值

</script>

</body>

</html>

霡霂小雨
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Js中分支语句与循环语句
sinat_40442798的博客
06-18 321
顺序结构的程序虽然能解决计算、输出等问题，但不能做判断再选择。 分支语句 分支结构的执行是依据一定的条件选择执行路径，而不是严格按照语句出现的物理顺序。分支结构的程序设计方法的关键在于构造合适的分支条件和分析程序流程，根据不同的程序流程选择适当的分支语句。 （1）if语句 先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不同的语句。 注意：表达式必须放在小括号之中。执行语句必须放在大括号内。if条件语句最后不用加分号。执行语句如果只有一句，那...
高性能JavaScript循环语句和条件语句
11-22
在JavaScript编程中，循环语句和条件语句是不可或缺的部分，尤其在处理大量数据或执行复杂逻辑时。本文主要探讨了高性能的JavaScript循环语句，包括for、while、do-while，以及相对低效的for-in和forEach。通过分析...
JS中的逻辑分支语句与循环语句
zmmdgl的博客
05-22 221
作者：赵明明 JS中的语句： （一）逻辑分支 （1）if( 条件表达式 ){ 语句1 }else{ 语句2 } 例： var a =5 if (a>0){ --------复合语句，也是一条语句 a++ console.log(a) }else{ console.log("hahah...
js分支语句与循环语句详解
Gik99的博客
08-01 230
js分支语句与循环语句详解
JavaScript分支语句与循环语句
King的博客
07-21 285
笔记放在Github上，点击访问下载 分支语句 1). if语句 ECMAScript会调用Boolean()函数将括号内的值转换为boolean if(){} 2). if-else if(){ code; }else{code;} 如果代码只有一行，可以省略大括号。 3). if-else if-else 多条件分支 4). switch 当expression===choi...
JS_循环语句和分支语句
LiLi的博客
07-26 272
1.分支语句 顺序结构的程序虽然能解决计算、输出等问题，但不能做判断再选择。对于要先做判断再选择的问题就要使用分支结构。 分支结构的执行是依据一定的条件选择执行路径，而不是严格按照语句出现的物理顺序。 分支结构的程序设计方法的关键在于构造合适的分支条件和分析程序流程，根据不同的程序流程选择适当的分支语句。 分支语句通常有以下几种： (1)if条件语句 (2)if else条件语句 (3)if else if else条件语句 (4)switch语句 (1)if条件语句 先判断一个表达式的布尔值，然后根
c语言中的分支语句和循环语句
2301_81184141的博客
12-02 355
在本文中，我们将对C语言中的分支语句（包括条件语句和选择语句）以及循环语句进行讲解和总结。在程序当中,并不是所有的语句都是自上而下依次的执行,有时候会依据条件来选择性的执行某段代码,这个时候就需要用到 if... else... 语句。希望本文对您有所帮助！否则,执行语句，要注意的是如果当你有多个语句需要执行时，必须将它们放在大括号{}内。分支语句用于根据给定条件执行不同的代码块。C语言中主要有两种类型的分支语句：条件语句和选择语句。do-while循环首先执行代码块，然后在判断条件为真时继续重复执行。
JavaScript分支语句和循环语句
weixin_58089266的博客
05-04 47
JavaScript语句学习
JS | 条件分支语句和循环语句
m0_72383454的博客
07-28 114
在JS中的程序是从上到下一行一行执行的，通过流程控制语句可以在控制程序执行流程，使程序可以根据一定的条件来选择执行。
day20-js分支语句和循环
HAI6545的博客
12-15 962
JavaScript 流程控制语句 JavaScript 语言中 流程控制语句，包括：顺序，选择，和循环三种 控制结构 以及 具体的控制语句，如 if else while 等基本用法 默认情况下，JavaScript 解释器依照语句的编写顺序从头到尾，从上到下的依次执行，这种默认执行代码的结构就是顺序结构。 选择控制结构 JavaScript 中选择控制语句 主要有 单分支（`if`）、双分支（`if...else`）、多分支（`if...else if...`）和多值选择器（`switch`）.
java、python、JavaScript以及jquery循环语句的区别
10-21
【JavaScript 循环语句】 JavaScript提供了四种循环结构：while、do/while、for和for/in。for/in循环用于遍历对象的属性，而非数组。基本语法如下： ```javascript var obj = {a: 1, b: 2, c: 3}; for(var prop in ...
shell中的循环语句、判断语句实例
01-10
shell的分支判断主要有2种，if，case 一，for循环 代码如下: #!/bin/bash for file in $(ls /tmp/test/mytest |grep sh) //for in格式是shell for的基本格式，根js的for in类似 do //循环开始你就把它当成{  ...
JavaScript for循环 if判断语句(学习笔记)
11-28
在JavaScript编程语言中，`for`循环和`if`判断语句是两种基本的控制流程结构，它们在编写逻辑和处理条件时起着至关重要的作用。让我们深入了解一下这两个概念。 **1. JavaScript `for`循环** `for`循环用于重复执行...
JavaScript中switch语句的用法详解
01-21
使用JavaScript1.2开始，你可以用它处理的正是这种情况，使用一个switch语句，它这样做更有效，如果不是反复地使用if… else if语句。 语法 switch语句的基本语法给出一个expression ，以评估计算几种不同的语句基于...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 160
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
Node多版本管理器NVM安装使用
GongWeiBuQi的博客
07-11 141
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
vue实现预览编辑ppt、word、pdf、excel、等功能的解决方案（内网-前端）
m0_68271787的博客
07-10 582
在Vue中实现预览和编辑PPT、Word、PDF、Excel等文件的功能，尤其是在内网环境下且主要侧重于前端，我们需要明确的是，直接在前端编辑这些格式的文件（特别是PPT和Word）是非常复杂且通常不推荐的，因为这些格式涉及复杂的布局和格式设置。然而，我们可以实现预览功能，并可能通过一些间接方式支持简单的编辑（如表格数据的修改）。下面我将分别给出预览PPT、Word、PDF、Excel文件的Vue组件示例代码，并简要说明如何可能实现简单的编辑功能。
Javafx利用fxml变换场景的小细节
2301_80311013的博客
07-09 819
在这个代码中，在JavaFX中，FXMLLoader是用来加载FXML文件并将其转换为Java对象（例如控制器类）的工具。当您使用FXMLLoaderFXMLLoader在整个过程中，FXMLLoader是使用JavaFX的后台线程（也称为JavaFX线程）来执行这些操作的，这是为了保持UI线程的响应性。这意味着在用户界面（UI）线程中，您不会看到任何阻塞，即使FXMLLoader正在执行耗时的操作。当FXMLLoader完成加载并调用load()方法时，它会返回一个Parent。
javascript知识训练：js分支与循环
06-28
分支语句可以根据条件执行不同的代码块，常见的有if语句和switch语句。循环语句可以重复执行一段代码，常见的有for循环、while循环和do-while循环。掌握这些语句可以让我们编写更加灵活和高效的JavaScript代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值