js中“||”和“&&”的進階用法

標籤：top   segment   att   用法   size   div   font   post   aaa   

 

例1：用於賦值

&&：從左往右依次判斷，噹噹前值為true則繼續，為false則返回此值（是返回未轉換為布爾值時的原值哦）
|| ： 從左往右依次判斷，噹噹前值為false則繼續，為true則返回此值（是返回未轉換為布爾值時的原值哦）

// => aaavar attr = true && 4 && "aaa";// => 0var attr = true && 0 && "aaa";// => 100var attr = 100 || 12;// => evar attr = "e" || "hahaha"// => hahahavar attr = "" || "hahaha"

例2 經過多次判斷的賦值

/*x>=15時 => 4x>=12時 => 3x>=10時 => 2x>=5時 => 1x<5時 => 0*/console.log((x>=15 && 4) || (x>=12 && 3) || (x>=10 && 2) || (x>=5 && 1) || 0);

例3 與對象形式的變數合體

/*x=15 時 => 4x=12 時 => 3x=10 時 => 2x=5 時 => 1其它 => 0*/console.log( {‘5‘:1,‘10‘:2,‘12‘:3,‘15‘:4}[x] || 0 );

例4 用於執行語句

if(a >=5){alert("你好");}//可以寫成： a >= 5 && alert("你好");

 

js中“||”和“&&”的進階用法