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

发布时间:2024年01月23日

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


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( '请选择一个选项内的!' );
}
文章来源:https://blog.csdn.net/wander_alice/article/details/135686489
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。