小笔记-typescript学习4-语句

197 阅读3分钟

四、语句

4.1 条件语句

4.1.1 概述

条件语句: 根据判断条件的结果(真或假),来执行不同的代码,从而实现不同功能。

条件执行时, 首先判断条件是否满足

  • 如果条件满足,就做某件事(情况1)
  • 如果条件不满足,就做另外一件事 (情况2)

image.png

条件语句,也叫分支语句,不同的情况,就是不同的分支。

4.1.2 if语句

在typescript中, if语句就是实现条件判断的。

  • if语句的语法:
if(判断条件) {
    条件满足时,要做的事情
}

解释:

  • 判断条件: 布尔类型(true 或者 false)
  • 如果判断条件为真, 就执行要做的事情
  • 否则,如果判断条件为假, 则不执行花括号的代码
  • 补充说明: 语句,是一个完成的句子,用来使某件事发生(或实现某个功能)
let isVip:boolean= true
if(isVip) {
    console.log('你是会员,可以看完整电影')
}

打印结果

image.png

// isVip如果是false 
let isVip:boolean= false
//if判断不会成立,则不会打印
if(isVip) {
    console.log('你是会员,可以看完整电影')
}

4.1.3 else语句

在typescript中,else语句必须配合if语句来使用

else语句: 条件不满足, 要做的事情(if语句的对立面)

else语句的语法:

if(判断条件) {
    条件满足时,要做的事情
}else {
    条件不满足,要做的事情
}

解释: 否则,如果判断条件为假, 就执行条件不满足时要做的事情


//isVip判断是否为会员, true是会员,false不是会员
let isVip:boolean= false

if(isVip) {
    console.log('你是会员,可以看完整电影')
}else  {
    console.log('你不是会员,可试看电影5分钟')
}

可以看到结果。执行的是else【判断条件为假, 执行的是else的内容】

image.png

4.1.4 if else语句 实战

demo1=============
// 判断年龄 小于18 看动画片, 大于18可以玩游戏

let age:number= 17
//判断条件, 年龄是否小于18 
// age< 18 是布尔类型
if(age < 18) {
    console.log('回家看熊出没吧')
}else  {
    console.log('玩仙剑游戏撒')
}
// 输出结果- 回家看熊出没吧
demo2====
// 判断年龄 小于18 看动画片, 大于18可以玩游戏

let age:number= 18
//判断条件, 年龄是否小于18 
// age< 18 是布尔类型
if(age < 18) {
    console.log('回家看熊出没吧')
}else  {
    console.log('玩仙剑游戏撒')
}
// 输出结果- 玩仙剑游戏撒

if else语句的使用关键点- 寻找判断条件

4.2 三元运算符简化条件语句

4.2.1 三元运算符概述

三元运算符的作用与 if... else ... 语句类似

作用: 根据判断条件的真假, 得到不同的结果。

三元运算符语法:

结果= 判断条件 ? 值1 : 值2

解释:

  • 如果判断条件为真, 结果为 值1
  • 否则, 如果判断条件为假 ,结果为 值2
//  判断 5 大于 3 吗
//  如果大于, 得到 '大于' ,否则 得到  '小于'

let  result:string = 5>3 ? '大于' : '小于'
console.log(result) // 结果输出为 大于

注意:得到结果的类型 由 值1 和值2 的类型决定(值1 和值2 的类型相同)

4.2.2 三元运算符的练习

let age :number= 18
let result:string = age < 18 ? '回家看熊出没吧' : '玩仙剑游戏撒'
console.log(result) // 输出结果是  玩仙剑游戏撒
let age :number= 16
let result:string = age < 18 ? '回家看熊出没吧' : '玩仙剑游戏撒'
console.log(result) // 输出结果是  回家看熊出没吧

一定程度上, 三元比if else 语句要简洁的多。

4.3 循环语句

4.3.1 概述

重复做某件事,所以是循环做

在typescript中,要实现重复做某件事情,就需要用到循环语句,来减少重复劳动提升效率。

4.3.2 for循环

在typescript中,for 循环就是实现重复做某件事的循环语句

for 循环的组成

  1. 初始化语句: 声明 计数器变量 用来记录循环次数 (执行一次)
  2. 判断条件: 判断 循环次数 是否达到目标次数
  3. 计数器更新 : 完成一次循环让 计数器数量加1
  4. 循环体 : 循环的代码, 也就是要重复做的事情。

1648009233(1).png

for循环的基本使用

语法:

for(初始化语句; 判断条件 ; 计数器更新){
  循环体
}


for ( let i:number=1 ; i<=3 ; i++) {
 console.log('测试for循环的使用')
}

for循环的执行过程

4.4 断点调试