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--流程控制 -> 正文阅读

[JavaScript知识库]JavaScript--流程控制

????????流程控制主要有以下三种结构:顺序结构、分支结构、循环结构。

1、1 顺序结构

????????顺序结构很好理解,是JavaScript的基本结构,程序按照代码的先后顺序执行。

1、2分支结构

????????1、2、1 if……(else)语句

????????条件语句,当满足某种条件就进行某种处理。最基本的条件语句:

  • if? ……else
  • switch……case

? ? ? ? if……else流程图:

? ? ? ? switch……case流程图:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

// if语句
    var age = 18;
    if(age >= 18){
        console.log("成年");
    }

// if……else语句
    var age = 18;
    if(age >= 18){
        console.log("成年");
    }else {
        console.log("未成年");
    }
// if……else if语句
    var age = -2;
    if(age >= 18){
        console.log("成年");
    }else if (age > 0){
        console.log("未成年");
    } else {
        console.log("还没出生呢");
    }
// switch……case语句
    var num = -1;
    switch (num + 1){
        case 1:
            console.log("结果为1");
            break; //这里的break必须要写.跳出循环,否则将会一直执行下去,直到遇到break或者程序完。
        case 2:
            console.log("结果为2");
            break;
        case 3:
            console.log("结果为3");
            break;
        default://可选项
            console.log("我也不知道");
                
    }

? ? ? ? ?拓展:

? ? ? ? 三元表达式:

//    三元表达式
    var num = prompt("输入一个数");
    var rs = num < 10 ? '猜对了' : '猜错了';
    alert(rs);
//    同时我们可以用if……else来书写
    var a = prompt("输入一个数");
    if (a == 10){
        var c = '你猜对了';
    }else{
        var c = '你猜错了';
    }
    alert(c);

? 1、3循环结构

? ? ? ? 在JavaScript中循环语句有:for、while、do……while三种循环。

? ? ? ? 1、3、1 for循环

? ? ? ? for(初始语句;条件表达式;操作表达式){

? ? ? ? ? ? ? ? 循环体;

? ? ? ? }

//循环体
    for (var i = 1;i <= 10;i++){
        console.log(i);
    }
    /*
    先执行var i = 1的初始化变量
    判断i是否小于10,如果小于10执行循环体,如果大于10结束循环
    执行循环体,输出
    执行i++的操作
    再执行第二步,以此循环,直到跳出循环
     */

? ? ? ? 可以利用promp()函数进行输入

var  a = prompt("请输入循环次数:");
for (var i = 1;i <= a;i++){
    console.log(i);
}

? ? ? ? ?for里面还可以嵌套条件语句:

//1~100之间所有整数的和以及平均值
var sum = 0;
for(var i = 1;i <= 100;i++){
    sum += i;
}
console.log("1~100内的和:" + sum);
console.log("1~100内的平均值:" + (sum / 100));


//1~100之间所有奇数的和以及平均值
var sum = 0;
for(var i = 1;i <= 100;i++){
    if (i % 2 != 0 ){
        sum += i;
    }
}
console.log("1~100内的和:" + sum);
console.log("1~100内的平均值:" + (sum / 100));


//九九乘法表
    var str = '';
    for (var i = 1;i <= 9;i++){
        for (var j = 1;j <= i;j++){
            str += j + "x" + i + "=" + i * j +'\t';
        }
        str += '\n';
    }
    console.log(str);

? ? ? ? ?1、3、2 while循环

? ? ? ? while(条件表达式){

? ? ? ? ? ? ? ? 循环体;

}

? ? ? ? ?while循环需要先执行判断语句,再执行循环体。

????????while中的条件表达式将会被转换为布尔类型,只要该值为真,则代码块将会一直重复执行。

//    while循环
    var num = 1;
    while (num <= 100){
        console.log(num);
        num++;
    }

? ? ? ? 1、3、3 do……while循环

? ? ? ? do……while循环会无条件执行一次循环体中的代码,然后再去判断条件。也就是说do...while循环会至少执行一次。

do{

? ? ? ? 循环体;

}while(条件表达式);

//    do …… while循环
    var num = 1;
    do {
        console.log(num);
        num++;
    }while (num <= 100);

?2、continue与break关键字

? ? ? ? 使用continue语句会使程序跳过当次循环,继续执行下一次循环,并不会结束整个循环。

????????break立即跳出整个循环,即将循环体结束。

? ? ? ? 除此之外,还可以使用标签语句。label表示标签名,例如:start、end等。statement表示具体执行语句。

? ? ? ? 语法:label: statement

start: for (var i=0; i < count; i++) {
    alert(i);
}

?????????start 标签可以在将来由 break 或 continue 语句引用。加标签的语句一般都要与 for 语句等循环语句配合使用。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-10 22:22:38  更:2022-03-10 22:25:36 
 
开发: 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/28 2:00:29-

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