四、语句
4.1 条件语句
4.1.1 概述
条件语句: 根据判断条件的结果(真或假),来执行不同的代码,从而实现不同功能。
条件执行时, 首先判断条件是否满足
- 如果条件满足,就做某件事(情况1)
- 如果条件不满足,就做另外一件事 (情况2)
条件语句,也叫分支语句,不同的情况,就是不同的分支。
4.1.2 if语句
在typescript中, if语句就是实现条件判断的。
if语句的语法:
if(判断条件) {
条件满足时,要做的事情
}
解释:
- 判断条件: 布尔类型(true 或者 false)
- 如果
判断条件为真, 就执行要做的事情 - 否则,如果判断条件为假, 则不执行花括号的代码
- 补充说明:
语句,是一个完成的句子,用来使某件事发生(或实现某个功能)
let isVip:boolean= true
if(isVip) {
console.log('你是会员,可以看完整电影')
}
打印结果:
// 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的内容】
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
- 循环体 : 循环的代码, 也就是要重复做的事情。
for循环的基本使用
语法:
for(初始化语句; 判断条件 ; 计数器更新){
循环体
}
for ( let i:number=1 ; i<=3 ; i++) {
console.log('测试for循环的使用')
}
for循环的执行过程