Java教程

Ⅱ JavaScript逻辑分支

本文主要是介绍Ⅱ JavaScript逻辑分支,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录

(一)程序

(二)逻辑分支语句

1.概念

2.分类

(三)三元运算(扩展)

1.概念

2.语法格式

3.示例

(四)单步调试

步骤

(五)练习


(一)程序

程序是由一条条语句构成

程序 = 程序语句 + 数据结构 + 算法

程序语句:
var num;    // 变量申明语句
num = 100;  // 变量赋值语句
var num = 100;  
console.log('内容')  // 控制台输出语句
console.log('内容',num)  // 内容100  
alert('内容')  函数调用语句


(二)逻辑分支语句

1.概念

我们的 js 代码都是顺序执行的(从上到下)

逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码

2.分类

IF条件分支结构

<!--if语句-->

  • 通过一个if语句来决定代码执行与否

  • 语法:if(条件){ 要执行的代码 }

  • 通过()里面的条件是否成立来决定{ }里面的代码是否执行

if(条件){
            执行代码
        }
​
如果(条件成立){
            执行代码
        }
        
        
<script>
        console.log('程序开始执行')
        var a = 10
        if(a < 10){
            console.log('条件成立')
        }
        console.log('程序结束')
</script>
​
​
if语句块只有一行代码时,大括号可以省略

<!--if else 语句-->

  • 通过if条件来决定,执行哪一个{ }里面的代码

  • 语法:if(条件){ 条件为 true 的时候执行 } else { 条件为 false 的时候执行}

  • 两个{ }内的代码一定有一个会执行

if(条件成立){
            执行代码
        }else{
            执行代码
        }
​
如果(条件){
            条件成立代码
        }否则{
            条件成立代码
        }
<script>
        var age = 18 //声明名为age的变量,赋值为18
        if (age >= 18) {
            console.log('成年人')
        } else {
            console.log('未成年人')
        }
</script>

<!--if else if...语句-->

  • 可以通过 if 和 else if 来设置多个条件进行判断

  • 语法: if(条件1){ 条件1为 true 的时候执行 } else if (条件2){ 条件2 为 true 的时候执行}

  • 会从头开始依次判断条件

​ 如果第一个条件为 true了,那么就会执行后面的 { }里面的内容

​ 如果第一个条件为 false,那么就会判断第二个条件,依次类推

  • 多个 { } ,只会有一个被执行,一旦有一个条件为 true 了,后面的就不再判断了

<!--if else if ... else语句-->

和上边的 if else if ... 基本一致,只不过是在所有条件都不满足的时候,执行最后else后面的 { }

语法格式:
           if(条件1){
               执行代码1
           }else if(条件2){
               执行代码2
           }else{
               执行代码3
           }
<script>
​
        var a = 9
​
        if(a > 10){
            console.log('a > 10')
        }else if(a == 10){
            console.log('a == 10')
        }else{
            console.log('a < 10')
        }
​
        var c = 10
        var b = 20
        if(a > 10 ){
            if(b > 15){
                console.log('b > 15')
            }
        }else{
            if(c < 10 ){
                console.log(' c < 10')
            }
        }
</script>

SWITCH条件分支结构

  • 多分支语句 switch-case ,也是条件判断语句的一种,是对于某一个变量的判断。

  • 语法:

switch(条件表达式值){
             case 值1:
                语句块1
                [break]
​
             case 值2:
                语句块2
                [break]
​
             case 值3:
                语句块3
                [break]
             
              ...
​
             [default]:
                 默认语句块  
         }

注: 在 switch-case语句中 break作用: 跳出case,结束swtich语句

  1. 计算switch表达式值

  2. 匹配case分支,从上向下匹配

  3. 遇到break结束switch

  4. 如果所有case都未匹配到,执行default默认分支


(三)三元运算(扩展)

1.概念

三元运算也叫三目运算,就是用两个符号组成一个语句,是对if else 语句的一个简写形式。

2.语法格式

条件表达式? 表达式A :表达式B (如果条件表达式成立,取 表达式A的值作为三元运算值,否则取表达式B )

3.示例

 //   判断年龄,如果年龄大于18,是成年人,否则不是成年人
        var age = 14
        var str = age > 18? '成年人':'未成年人'
        console.log(str)
//   求53,42和64三个数的最大值,将最大值输出打印到控制台
        var x = 53
        var y = 82
        var z = 64
        var max = x > y ? (x > z ? x : z) : (y > z ? y : z)
        console.log(max)


(四)单步调试

步骤

​ 1.打开浏览器加载代码

​ 2. 右键查检->切换到sources->选中html文档

​ 3. 设置断点

​ 4.刷新->重新开始执行(f11执行代码)


(五)练习

1.求53,42和64三个数的最大值,将最大值输出打印到控制台

分析:
假设第一个数是大值  max = x
让后面的数依次与max比较,
如果比较max大,则将其值赋值给max
比较完之后max存储一定是所有数的最大值
​
<script>
        var x = 20;
        var y = 140;
        var z = 54;
        var max = x // 存储最大值
​
        if (y > max) {
            max = y
        }
        if (z > max) {
            max = z
        }
​
        console.log('最大值是 ' + max)
</script>

2.判断一个整数是偶数还是奇数,并输出判断结果

分析: 
偶数或奇数:偶数, 能被2整除的数
num % 2 == 0   //num除2取余,余数等于0,能被2整除
<script>
        var num = 5
        if(num % 2 == 0){
            console.log('是偶数')
        }else{
            console.log('是奇数')
        }
</script>

3.根据公式(身高-108)*2=体重,可以有10斤左右的浮动。来观察测试者体重是否正常 。

分析: 
张三: 体重: 180斤 身高: 175cm
(身高-108)* 2 = 体重
var height = 175  // 身高
var weigth = 180  // 体重
var bzweigt = (height - 108) * 2 // 标准体重(90-10 < 体重 < 90+10)
​
<script>      
         var height = 175  //xx人身高
         var weight = 150  //xx人体重
​
         //求正常范围的体重
         var bzweigt = (height - 108) * 2 // 标准体重
​
         if(weight > (bzweigt + 10)){
             console.log('体重超标')
         }else if(weight < (bzweigt - 10)){
             console.log('体重偏轻')
         }else{
             console.log('正常体重')
         }
</script>

4.判断指定变量是什么数据类型

分析:
基本数据类型: number  string null  boolean  undefined
​
<script>
        var a = true
        
        if(typeof a == 'number'){
            console.log('数值类型 number')
        }else if(typeof a == 'string'){
            console.log('字符串类型 string')
        }else if( typeof a == 'boolean'){
            console.log('布尔类型 boolean')
        }else if( typeof a == 'undefined'){
            console.log('未定义类型 undefined')
        }else{
            console.log('空类型 null')
        }
</script>

5.输入年份,计算某一年是否是闰年 (闰年能被4整除并且不能被100整除,或者能被400整除)

分析:   
var year = 2021  
var isLooper = false  // false 表示不是闰年, true表示是闰年
闰年: 能被4整除并且不能被100整除,或者能被400整除
        能被4整除
        =>  year % 4 == 0
        不能被100整除
        =>  year % 100  != 0
        能被400整除
        =>  year % 400 == 0
​
​
<script>
var isLooper = false // false 表示不是闰年, true表示是闰年
var year = 2020  // 年份
// 判断闰年条件
        if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) {
            isLooper = true
        }
​
        if(isLooper){
            console.log(year + '是闰年')
        }else{
            console.log(year + '不是闰年')
        }
​
</script>

6.输入分数,判定成绩等级 (成绩对应等级 90-100:A级 80-89:B级 70-79:C级 60-69:D级 其它:不合格)

分析:
100/10     10   A    
90-99 /10  9    A
80-89 /10  8    B
70-79 /10  7    C
​
<script>
        var score = 97
        var grad = parseInt(score / 10)
        switch (grad) {
            case 10:
            case 9:
                grad = "A"
                break;
            case 8:
                grad = "B"
                break;
            case 7:
                grad = "C"
                break;
            case 6:
                grad = "D"
                break;
            default:
                grad = "不合格"
                break;
        }
        console.log("你的成绩为"+grad)
</script>

这篇关于Ⅱ JavaScript逻辑分支的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!