本文主要介绍了web前端Javascirpt开发--JavaScript流程控制，通过具体的内容向大家展现，希望对大家前端开发Javascript的学习有所帮助。

9月17日19:30-20:30《高薪职场人必备技能》免费讲座   +QQ：2851229782

简介

JavaScript通过流程语句来执行程序流，程序流有若干语句组成。在正常情况下，程序中 的语句时按照书写顺序执行的，这种结构称为顺序结构。除了顺序结构之外还有选择结构和循环结构。

分支结构

由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），从而得到不同的结果

JS提供了两种分支结构语句：

if语句

switch语句

if语句

if语句

结构：

if(条件表达式){

代码

}

含义：如果条件表达式的结果为true，则执行大括号中的代码

示例：

if(n=='米饭'){

    alert("中午吃米饭")

}

if…else语句

结构：

if(条件表达式){

代码1

}else{

代码2

}

含义：如果条件表达式的结果为true，则执行代码1；如果条件表达式的结果为false，则执行代码2

示例：

if(age>80){

    alert("老年人")

}else if(age>70){

    alert("中老年人")

}

switch语句

结构：

switch(表达式){  

    case 常量1:alert(代码1);break;

    case 常量2:alert(代码2);break;

    case 常量3:alert(代码3);break;

    case 常量4:alert(代码4);break;

    ......

    case 常量n:alert(代码n);break;

    default:代码n+1

}

含义：

首先设置表达式 （通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。

break 来阻止代码自动地向下一个 case 运行，如果没有break，会自动执行下一个case中的代码，直到遇到break或全部执行完毕。

default 关键词来规定匹配不存在时做的事情。

示例

//1到9岁 儿童  ,10- <20少年   20 <30青年  30-60  中年 60以上老年时期

var age =prompt("请输入您的年龄")

age=parseInt(age);

if(age>=0 && age<=150){

    var value =parseInt(age/10)

    switch(value){

        case 0:alert("儿童");break;

        case 1:alert("少年");break;

        case 2:alert("青年");break;

        case 3:

        case 4:

        case 5:alert("中年");break;

        case 6:

        case 7:

        case 8:

        case 9:

        case 10:alert("老年");break;  

        default:alert('神仙')

    }

}else{

    alert("违法数字")

}

循环结构

while循环

结构：

while(条件表达式){

循环体代码

}

含义：

先执行条件表达式，若结果为true，则执行循环体代码；若结果为false，则退出循环。

每次循环都会执行以上步骤。

示例：

例如：计算100以内所有的偶数和

var sum = 0

var i = 2

while(i<=100)

{

sum = sum + i

i = i+2

}

console.log("100以内所有的偶数之和："+sum)

do-while循环

结构：

do{

循环体代码

}while(条件表达式)

含义：

第一步：不管"条件表达式"，先执行一遍循环体语句。

第二步：执行条件表达式，若结果为true，则执行循环体代码；若结果为false，则退出循环。

第x步：重复执行第二步，直到退出循环。

不管"条件表达式"是否为真，循环体语句至少要执行一次 。

for循环

结构：

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

{

循环体语句

}

含义：

“表达式1”：初始化变量

“表达式2”：条件表达式，控制循环体语句是否执行

“表达式3”：使循环趋向结束的表达式

注意：三个表达式都可以省略，但是分号不能省略

示例：

//求前1，2，3，4，5的和

var sum = 0;

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

sum = sum + n

}

console.log(sum)

continue和break关键字

continue语句：立刻结束本次循环，直接进入下一次循环（本次循环之后的代码不会执行）

break语句：立刻终止循环(立刻跳出循环体)

总结

当循环次数明确用for循环

当循环次数不明确，但循环条件明确时，用while或do-while循环

练习

计算数列：2/1,3/2,5/3,8/5…的前20项之和

var a = 2  //代表分子

var b = 1  //代表分母

var s = 0  //用户求和

for(var i=0;i<20;i++){

    s = s+a/b

    var t = a+b //分子与分母之和

    b = a

    a = t

}

console.log("计算数列：2/1,3/2,5/3,8/5...的前20项之和="+s)

判断一个数是否是素数

var n = prompt("请输入一个正整数")

var t = parseInt(n)

//var flag = true //标记变量，假设当前的整数是一个素数，在循环中若发现当前的整数不是一个素数，则将flag设置为false

var i = 2

while(i<t){

    if(t % i == 0){

        //flag = false

        break;

    }

    i++

}

// if(flag === true){

//    console.log(t+"是一个素数")

// }else{

//     console.log(t+"不是一个素数")

// }

if(i>=t){

    console.log(t+"是一个素数")

}else{

    console.log(t+"不是一个素数")

}

斐波拉契数列1 1 2 3 5 8 13 21…的前20项之和

var s = 0

var f1=f2=1

s = f1+f2

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

    var fn = f1+f2

    f1 = f2

    f2 = fn

    s = s + fn

}

console.log("斐波拉契数列的前20项之和为："+s)

我是小职，记得找我

✅ 解锁高薪工作

✅ 免费获取基础课程·答疑解惑·职业测评