js运算符|| &&

例子：

假设对成长速度显示规定如下：

成长速度为5，显示1个箭头；

成长速度为10，显示2个箭头；

成长速度为12，显示3个箭头；

其它都显示0个箭头；

如何代码实现：

差一点的使用if/else

var add_level = 0;

if(add_step == 5){

add_level = 1;

}else if(add_step == 10){

...

}else{

add_level = 0;

}

稍好些的使用switch

var add_level = 0;

switch(add_step){

case 5 : add_level = 1;

break;

case 10 : add_level = 2;

break;

...

default : add_level = 0;

break;

}

较为简洁的使用|| &&运算符

var add_level = (add_step == 5 && 1) || (add_step == 10 && 2) || ... || 0;

a || b;a为假时执行b

a && b;a为真时执行b

注意：js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其它的都为true

var attr = attr || "";//判断一个变量是否已经被定义

if(!!attr) //是if(attr)更为严谨的写法，!!作用是把一个其它类型的变量转化为bool类型

if(a >= 5){

alert("");

}

可以替换为a >= 5 && alert("");