IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javaScript学习笔记(三)「switch语句」、「断点」、「三目运算」、「while循环」、「for循环」 -> 正文阅读

[JavaScript知识库]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/1
            case 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.0063
                alert('本息和是' + (lx + money))
                break;
            case 2:
                lx = money * 12 * x * 0.0066
                alert('本息和是' + (lx + money))
                break;
            case 3:
                lx = money * 12 * x * 0.0075
                alert('本息和是' + (lx + money))
                break;
            case 4:
                lx = money * 12 * x * 0.0084
                alert('本息和是' + (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 * x
                break;
            case 3:
                lx = money * 0.0069 * 12 * x
                break;
            case 5:
                lx = money * 0.0075 * 12 * x
                break;
            case 8:
                lx = money * 0.0084 * 12 * x
                break;
        }
             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-10
       for(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 + data2
                break;
            case '-':
                y = data1 - data2
                break;
            case '*':
                y = data1 * data2
                break;
            case '/':
                y = data1 / data2
                break;
            case '%':
                y = data1 % data2
                break;
    
            default:
                break;
        }
        document.write(y)

目录

switch语句

switch语句案例:

? ? ? ?? 打断点:代码的执行顺序

? ? ???? 三目运算符

? ? ? ?? while循环

???????? for循环


  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-01-14 01:52:39  更:2022-01-14 01:55:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 13:07:42-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码