JavaScript中 && 和 || 操作符

最新推荐文章于 2024-10-30 14:15:22 发布

转载最新推荐文章于 2024-10-30 14:15:22 发布 · 344 阅读

js 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了JavaScript中逻辑运算符的使用方法及其短路原理，并通过实例演示了如何运用逻辑运算符进行条件判断，包括多种实现方式的对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先，在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false

&&（逻辑与）

短路原理：
1、只要“&&”前面是false，结果都将返“&&”前面的值（无论“&&”后面是true还是false）
2、只要“&&”前面是true，结果都将返“&&”后面的值（无论“&&”后面是true还是false）

||（逻辑或）

短路原理：
1、只要“||”前面是false，结果都将返“||”后面的值（无论“||”后面是true还是false）
2、只要“||”前面是true，结果都将返“||”前面的值（无论“||”后面是true还是false）

即返回起决定性因素的那个值（控制整个条件是true还是false的那个值）。
!!的作用是把一个其他类型的变量转成的bool类型

例子

情景：判断 add_step ，返回add_level。

法1：普通if判断写法
	var add_level = 0; 
	if(add_step == 5){ 
		add_level = 1; 
	} else if(add_step == 10){ 
		add_level = 2; 
	} else if(add_step == 12){ 
		add_level = 3; 
	} else if(add_step == 15){ 
		add_level = 4; 
	} else { 
		add_level = 0; 
	}
法2：switch写法
	var add_level = 0; 
	switch(add_step){ 
		case 5 : add_level = 1; 
		break; 
	case 10 : add_level = 2; 
		break; 
		case 12 : add_level = 3; 
	break; 
		case 15 : add_level = 4; 
		break; 
	default : 
		add_level = 0; 
		break;
	}
法3： 逻辑或写法
	var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0;
法4： 更优写法
	var add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;

参考来源：https://www.jb51.net/article/88781.htm