JavaScript中 && 和 || 操作符

首先,在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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章