javaScript学习笔记(三)「switch语句」、「断点」、「三目运算」、「while循环」、「for循环」

2024-01-02 19:48

本文主要是介绍javaScript学习笔记(三)「switch语句」、「断点」、「三目运算」、「while循环」、「for循环」,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  1. switch语句

       swicth语句结构:

            switch (key) {

            case value:

                break;

            case value:

                break;

            case value:

                break;

            default:

                break;

        }

    var x = prompt('请输入选项 A-D');switch (x) {case 'A':alert('A选项')break;case 'B':alert('B项')break;case 'C':alert('C选项')break;case 'D':alert('D选项')break;default:break;}

    认识单词:

          swicth(选择,转换)   case(选项)

          break:终止,停止

          value:值

          default:默认的

        注意点:1. switch 后的key一般是一个变量

               2. case后一般就是一个值,"1"   1

               3. 没有break不会中断

               4. switch语句体内部,可以嵌套一些if语句,或者for都可以

        执行流程:

              1. 拿switch后的key和case后的value进行全等比对(===)

              2. 匹配到的,就执行对应的代码段,依次向下,遇到break终止

              3. default: 当条件都不满足会走default

    //输入月份查询当月天数
    var x = prompt('请输入选项 月份 1-12'); //输入2  "2"switch (x - 0) {  // x*1   x/1case 1:case 3:case 5:case 7:case 8:case 10:case 12:alert('31天')break;case 2:alert('28天')break;case 4:case 6:case 9:case 11:alert('30天')break;default:alert('没有匹配到')break;}

    switch语句案例:

        已知银行整存整取存款不同期限的月息利率分别为:

        月息利率=

        0.63% 期限=1年

        0.66% 期限=2年

        0.69% 期限=3年

        0.75% 期限=5年

        0.84% 期限=8年

        输入存款的本金和年限,求到期时能从银行得到的利息与本金的合计。

        利息的计算公式为:利息=本金×月息利率×12×存款年限。

        var money = +prompt('请输入存储的本金')var x = +prompt('请输入存款年份');//正号也可以进行隐式转换,数字var lx = 0;//存储利息用的变量switch (x) {case 1:lx = money * 12 * x * 0.0063alert('本息和是' + (lx + money))break;case 2:lx = money * 12 * x * 0.0066alert('本息和是' + (lx + money))break;case 3:lx = money * 12 * x * 0.0075alert('本息和是' + (lx + money))break;case 4:lx = money * 12 * x * 0.0084alert('本息和是' + (lx + money))break;default:break;}
    

    简化版本:

        var money = +prompt('请输入存储的本金')var x = +prompt('请输入存款年份');//正号也可以进行隐式转换,数字var lx = 0;//存储利息用的变量switch (x) {case 1:lx = money * 0.0063 * 12 * x; // lx重新赋值break;case 2:lx = money * 0.0066 * 12 * xbreak;case 3:lx = money * 0.0069 * 12 * xbreak;case 5:lx = money * 0.0075 * 12 * xbreak;case 8:lx = money * 0.0084 * 12 * xbreak;}alert(lx + money)

  2.  打断点:代码的执行顺序

            f12 -- >sources-->双击打断点的文件-->找到断点位置(自己决定)--->刷新页面--->按下step over next--->测试完毕记得关闭断点

    举例如下:

    var x = "B";switch (x) {case 'A':document.write('A选项')break;case 'B':document.write('B项')document.write('BB项')document.write('BBB项')break;case 'C':document.write('C选项')break;case 'D':document.write('D选项')break;default:break;}
    

    在控制台打断点,观察代码运行顺序

    点击右侧图标

    观察代码运行顺序:

  3.  三目运算符

        也称三元运算符:  

            语法:

                    关系表达式?值1/语句体:值2/语句体

                    关系表达式:比较出来一个布尔类型的结果

            执行流程:

                    关系表达式为true,就走?后面的语句体

                    关系表达式为false,就走:后面的语句体

    var x = 11;x%2==0?document.write('是偶数'):document.write('是奇数');

         运算符的优先级

                  运算符号比较多,==    ?:     =

                  先判断x%2==0,再进行三目运算,得到的运算结果为偶数,最后再进行赋值

        var year = 2008;// 录入一个数字年份,判断是否是闰年year%4==0&&year%100!=0||year%400==0?alert('是闰年'):alert("是平年");
  4.  while循环

         代码中: 重复执行一段代码

             条件:

                初始值

                终点值(条件判断)

                每次让初始值增加多少

        循环的格式:

            初始值

            while(条件判断){

                循环体;

                初始值变化多少

            }

          执行步骤:

            1. x = 1

            2. x<=20 -->true-->进循环体,x变量变化后重新进行判断,只要x满足条件就会一直循环 -->false--->出程序

        var x=+prompt('请输入一个数字');while (x <= 20) {document.write(x + '<br>');x++;    }

          while循环的格式

            初始值;

            while(条件判断){

                循环体

                初始值的变化

            }

        var x = 2;while (x == 1) {alert('xx')x--;}

         do while()循环格式

          初始值;

          do{

               循环体

                初始值的变化

          }while(条件判断);

        var x = 2;do {alert('xx')x--;} while (x == 1)

          注意:do while先走{},在走判断

          问题:while循环先走{}还是条件判断呢? 条件判断

          while和do while不同点:

          do while循环会先走循环体,在执行判断

  5. for循环

       for(初始值;条件判断;初始值的更新){

                语句体

            }

      执行流程:

               1. 先执行 初始值

               2. 走条件判断 --->true-->进循环体{}-->初始值的更新--->重新判断--->true-->进循环体{}-->初始值的更新--->重新判断 --->false--->出程序

    // 打印数字1-10for(var i=1;i<=10;i++){document.write(i + "<br>")}

    for循环案例:

     1. 打印 1-10内部的偶数

        for (let x = 1; x <= 10; x++) {if (x%2==0){document.write(x + '<br>')}}

    2. 求1-10所有数字的和

        for (var i = 1; i <= 10; i++) {// i = 1 2 3 4 .. sum += i; // 通过循环,把每一个循环变量+到sum中}console.log(sum);

    3. 求1-100内是3的倍数的个数

        var count = 0;for (var i = 1; i <= 100; i++) { //循环了多少次(100次)// i= 1 2 3 4...100// 对i进行判断if (i % 3 == 0) { // 对1 2 3 4...100进行一个一个的判断。满足是3的倍数了count++;}}console.log(count);

    4.求 100-200内所有能被5整除的数字的和

        var sum = 0;for (var i = 100; i <= 200; i++) {if (i % 5 == 0) {sum += i;}}console.log(sum);

    5.打印100–200之间所有能被5整除的数

        //打印100–200之间所有能被5整除的数for (var x = 100; x <= 200; x++) {if (x % 5 == 0) {document.write(x + '<br>')}}

    6.打印100–200之间所有能被5整除的个数

        //打印100–200之间所有能被5整除的个数var count = 0;for (var x = 100; x < 200; x++) {if (x % 5 == 0) {count++;}}document.write(count + '<br>');

    7.打印100–200之间所有能被5整除并且能被3整除的个数

        // 打印100–200之间所有能被5整除并且能被3整除的个数var count = 0;for (var x = 100; x <= 200; x++) {if (x % 3 == 0 && x % 5 == 0) {count++;}}document.write(count + "<br>" );

    8.打印100–200之间所有能被5整除并且能被3整除的数字和

        // 打印100–200之间所有能被5整除并且能被3整除的数字和var sum = 0;for (var x = 100; x < 200; x++) {if (x % 3 == 0 && x % 5 == 0) {sum += x;}}document.write(sum + "<br>");

    9.打印100–200之间所有不能被5整除并且能被3整除的数字和

        //打印100–200之间所有不能被5整除并且能被3整除的数字和var sum = 0;for (var x = 100; x < 200; x++) {if (x % 3 == 0 && x % 5 != 0) {sum += x;}}document.write(sum + "<br>");

    10.输入月份显示天数

        var month = +prompt('请输入您所要查询的月份')switch (month) {case 1:case 3:case 5:case 7:case 8:case 10:case 12:document.write('31天')break;case 4:case 6:case 9:case 11:document.write('30天')break;case 2:document.write('29或者28天')break;default:break;}

    11.实现运算数和运算符计算

    编程实现以下功能:读入两个运算数(data1和data2)及一个运算符(op),计算表达式data1 op data2的值,其中op可为+,-,*,/

        var data1 = +prompt('请输入第一个数字');var data2 = +prompt('请输入第二个数字');var op = prompt('请输入一个运算符...');var y = 0;switch (op) {case '+':y = data1 + data2break;case '-':y = data1 - data2break;case '*':y = data1 * data2break;case '/':y = data1 / data2break;case '%':y = data1 % data2break;default:break;}document.write(y)

目录

switch语句

switch语句案例:

         打断点:代码的执行顺序

         三目运算符

         while循环

         for循环


这篇关于javaScript学习笔记(三)「switch语句」、「断点」、「三目运算」、「while循环」、「for循环」的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/563469

相关文章

JSON字符串转成java的Map对象详细步骤

《JSON字符串转成java的Map对象详细步骤》:本文主要介绍如何将JSON字符串转换为Java对象的步骤,包括定义Element类、使用Jackson库解析JSON和添加依赖,文中通过代码介绍... 目录步骤 1: 定义 Element 类步骤 2: 使用 Jackson 库解析 jsON步骤 3: 添

Java中注解与元数据示例详解

《Java中注解与元数据示例详解》Java注解和元数据是编程中重要的概念,用于描述程序元素的属性和用途,:本文主要介绍Java中注解与元数据的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参... 目录一、引言二、元数据的概念2.1 定义2.2 作用三、Java 注解的基础3.1 注解的定义3.2 内

Java中使用Java Mail实现邮件服务功能示例

《Java中使用JavaMail实现邮件服务功能示例》:本文主要介绍Java中使用JavaMail实现邮件服务功能的相关资料,文章还提供了一个发送邮件的示例代码,包括创建参数类、邮件类和执行结... 目录前言一、历史背景二编程、pom依赖三、API说明(一)Session (会话)(二)Message编程客

Java中List转Map的几种具体实现方式和特点

《Java中List转Map的几种具体实现方式和特点》:本文主要介绍几种常用的List转Map的方式,包括使用for循环遍历、Java8StreamAPI、ApacheCommonsCollect... 目录前言1、使用for循环遍历:2、Java8 Stream API:3、Apache Commons

Python判断for循环最后一次的6种方法

《Python判断for循环最后一次的6种方法》在Python中,通常我们不会直接判断for循环是否正在执行最后一次迭代,因为Python的for循环是基于可迭代对象的,它不知道也不关心迭代的内部状态... 目录1.使用enuhttp://www.chinasem.cnmerate()和len()来判断for

JavaScript中的isTrusted属性及其应用场景详解

《JavaScript中的isTrusted属性及其应用场景详解》在现代Web开发中,JavaScript是构建交互式应用的核心语言,随着前端技术的不断发展,开发者需要处理越来越多的复杂场景,例如事件... 目录引言一、问题背景二、isTrusted 属性的来源与作用1. isTrusted 的定义2. 为

Java循环创建对象内存溢出的解决方法

《Java循环创建对象内存溢出的解决方法》在Java中,如果在循环中不当地创建大量对象而不及时释放内存,很容易导致内存溢出(OutOfMemoryError),所以本文给大家介绍了Java循环创建对象... 目录问题1. 解决方案2. 示例代码2.1 原始版本(可能导致内存溢出)2.2 修改后的版本问题在

Java CompletableFuture如何实现超时功能

《JavaCompletableFuture如何实现超时功能》:本文主要介绍实现超时功能的基本思路以及CompletableFuture(之后简称CF)是如何通过代码实现超时功能的,需要的... 目录基本思路CompletableFuture 的实现1. 基本实现流程2. 静态条件分析3. 内存泄露 bug

Java中Object类的常用方法小结

《Java中Object类的常用方法小结》JavaObject类是所有类的父类,位于java.lang包中,本文为大家整理了一些Object类的常用方法,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. public boolean equals(Object obj)2. public int ha

SpringBoot项目中Maven剔除无用Jar引用的最佳实践

《SpringBoot项目中Maven剔除无用Jar引用的最佳实践》在SpringBoot项目开发中,Maven是最常用的构建工具之一,通过Maven,我们可以轻松地管理项目所需的依赖,而,... 目录1、引言2、Maven 依赖管理的基础概念2.1 什么是 Maven 依赖2.2 Maven 的依赖传递机