6.条件语句(if、switch)与条件运算符(?:) - JS

这部分语法和内容都是极简单的。“如果…就…”,这是基本逻辑,并不算深刻。


if 语句

单 if

如果条件成立,就做某事件。

if (条件) {
	/* 条件成立时的代码块 */
}

if - else

如果条件成立,就做某事件;否则做另一事件。

if(条件) {
	/* 条件成立时的代码块 */
}
else {
	/* 条件不成立时的代码块 */
}

if … else if … else …

限定条件不只一个,满足某一条件,做对应事件。

if (条件1) { }
else if (条件2) { }
else if (条件3) {}
else { }
/* 一个例子如下: */
function heightDiscription(height) {
	if (height > 2.25) { return 'Extremely high'; }	// h > 2.25 极高
	else if (height > 1.90) { return 'Very high'; }	// 2.25 > h > 1.90 较高 
	else if (height > 1.80) { return 'High'; }		// 1.90 > h > 1.80 高
	else if (height > 1.70) { return 'Medium' }		// 1.80 > h > 1.70 中等
	else { return 'Enough'; }						// 1.70 > h 较高
}
heightDiscription(2.3)		// 'Extremely high'

条件运算符 - “?:”

  1. 基本语法:
    • 条件 ? 值1: 值2,即条件成立得到值1,否则得到值2;
    • 条件 ? 语句1: 语句2,即条件成立执行语句1,否则执行语句2;
  2. 可以嵌套,下面给出例子(等效于上一个身高的例子)。
/* () => {} 是定义函数的方法之一
	只要关注{} 里的逻辑
*/
let heightDiscription = (height) => {
	return height > 2.25 ? 'Extremely high': 
		(height > 1.90 ? 'Very high': 
			(height > 1.80 ? 'High': 
				(height > 1.70 ? 'Medium': 'Enough')))
}
heightDiscription(2.3)		// 'Extremely high'

switch 语句

  1. 基本语法:
switch (表达式x) {
	// if 表达式x === 结果1 (严格相等)
	case 结果1:
    	// 代码块1
    	break;
    case 结果2:
    	// 代码块2
    	break;
  	// 包含多个case
  	default:
    	// 所有case都不符合、执行默认代码块
}
  1. 分组:同一组的 case 写在近邻位置,去掉 break,一个例子如下。
switch (browser) {
  case 'Edge':
    console.log( "你选择了Edge浏览器!" );
    break;

  case 'Chrome':
  case 'Firefox':
  case 'Safari':
  case 'Opera':
    console.log( '你选择了其他浏览器!' );
    break;

  default:
    console.log( '请选择一个选项内的!' );
}
  • 5
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值