js 与或运算符 || && 妙用

转贴 http://www.jb51.net/article/21339.htm

首先出个题：

如图： 
假设对成长速度显示规定如下： 
成长速度为5显示1个箭头； 
成长速度为10显示2个箭头； 
成长速度为12显示3个箭头； 
成长速度为15显示4个箭头； 
其他都显示都显示0各箭头。 
用代码怎么实现？ 

var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0; 

------

在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其他都为true（好像没有遗漏了吧，请各位确认下）。这个一定要记住，不然应用||和&&就会出现问题。 
这里顺便提下：经常有人问我，看到很多代码if(!!attr)，为什么不直接写if(attr)； 
其实这是一种更严谨的写法： 
请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。 

-----

几乎所有语言中||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反。 

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

--------------