一.TypeScript分支结构

1.if语句----基本用法

//第一种方式:
//if(表达式){成立执行的内容}

//判断年龄是否大于18,大于18打印‘已成年’
let ages:number=19
if(ages>=18){
    console.log('已成年’)
}
//判断年龄是否小于18,小于18打印‘未成年’
if(ages<=18){
    console.log('未成年’)
}

//第二种方式:
//if(表达式){成立执行的内容}else{不成立执行的内容}
let w:number=10
//判断变量w的值是否能被2整除,如果整除证明就是偶数否则则是奇数
if(w%2===0){
    console.log('偶数');
}else{
    console.log('奇数');
}

//第三种方式:

if(表达式1){表达式1成立执行的内容}else if(表达式2){表达式2成立执行的内容}else{不成立执行的内容}

//举办运动会 短跑 小于10秒进国家队 10~11进省队,13进市队,其他情况淘汰
let times:number=21
if(times<10){
    console.log('进国家队');
    
}else if(times<11){
    console.log('进省队');
    
}else if(times<13){
    console.log('进市队');
    
}else{
    console.log('淘汰');
    
}


2.if语句----多层嵌套

if语句之多重嵌套使用

// 3.判断 某年是闰年还是平年 在某年中的某月份的天数
//声明了一个年的变量
let year:number=1900
//声明了一个月份的变量
let yf:number=2
//判断是否是闰年的规则是: 能被4整除,不能被一百整除,能被四百整除

//第一层if语句判断是否是闰年
if(year%4===0&&year%100!==0||year%400==0){
    console.log(year+'是闰年');
    //第二层if语句
    //判断今年某一月有多少天 二月:闰年有29天 平年有28天
    if(yf===1||yf===3||yf==5||yf===7||yf===8||yf===10||yf===12){
        console.log(yf+'月有31天');
    }else if(yf===2){
        console.log(yf+'月有29天');
        
    }else{
        console.log(yf+'月有30天');
        
    }

}else{
    console.log(year+'是平年');
    if(yf===1||yf===3||yf==5||yf===7||yf===8||yf===10||yf===12){
        console.log(yf+'月有31天');
    }else if(yf===2){
        console.log(yf+'月有28天');
        
    }else{
        console.log(yf+'月有30天');
        
    }
    
}

二.arkTS if语句用法

我们学习了TS中分支语句中if语句如何使用,那我们把所学的知识运用到askTS上。首先我们先回顾一下,arkTS的写法

文本:Text()

输入框:TextInput()

按钮:Button()

纵向布局:Column()

横向布局:Row()

在整个页面同步刷新的值:@State  用它声明变量

鼠标事件:
onChange:值发生改变
onClick:单击事件

//if语句在arkTS上是如何使用呢?

//判断输出这个数字是否是偶数
@Entry
@Component
struct Test01 {
  @State message: string = '输入一个数字,判断是不是偶数';
  //@State:在整个页面同步刷新的值
  @State num1:number=0//输入框的默认值
  @State res:string=''
  build() {
    Column(){
      Text(`${this.message}`).fontSize(25)
      Text(`${this.num1}:${this.res}`)
        .fontSize(30)
        .backgroundColor('#ccc')
        .width('80%')
      TextInput({placeholder:'请输入一个数字'})
        //onchange() 值发生改变,所要进行的操作
        .onChange(val=>{
            //输入框的值发生改变,就把输入框的值赋值给变量名为num1
          this.num1=parseFloat(val)
        })
      Button('判断')
        .width('80%')
            //onClick 单击事件 鼠标点击所需要执行的代码
        .onClick(() => {
        //鼠标点击按钮 进行判断输入框输入的值能否被2整除,如果整除就是偶数
        if(this.num1%2===0){
          this.res='是偶数'
        //否则就不是偶数
        }else{
          this.res='不是偶数'
        }
      })
    }
    .height('100%')
    .width('100%')
  }
}

效果如下:

三.提示框

promptAction.showToast({message:'输入错误‘})

用法:在判断过程过,我们可以通过代码来提示输入过程中有可能出现的问题

举个栗子:


 @State num1:number=0 //数字1

  @State num2:number=0 //数字2

  @State num3:number=0 //结果

//声明了一个变量,默认为+号

  @State fuHao:string='+'

//判断符号是否是加号   
if(this.fuHao==='+'){
   //如果是加号执行:数字1加数字2赋值给结果
   this.num3=this.num1+this.num2

//判断符号是否是减号
}else if(this.fuHao==='-'){
//如果是减号执行:数字1减数字2赋值给结果
   this.num3=this.num1-this.num2
}else if(this.fuHao==='*'){
   this.num3=this.num1*this.num2
}else if(this.fuHao==='/'){
   this.num3=this.num1/this.num2
//判断符号是否是% 百分号是取余数
else if(this.fuHao==='%'){
   this.num3=this.num1%this.num2
}else{
   //弹出一个提示框 输入其他符号就提示输入错误
   promptAction.showToast({message:'输入错误'})
}

以上就是本篇文章所讲分支语句中if语句的用法与示例,希望这篇文章能对你有所帮助

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐