js中的||和&&使用技巧

||（逻辑或）
1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。

2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。

例1：return 0||1 //在js中0为false，返回1
例2：return '0'||1 //字符串'0'为true,返回'0'

&&（逻辑与）
1、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;

2、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;

例1：return 0&&1 //在js中0为false，返回0
例2：return '0'&&1 //字符串'0'为true,返回1

使用||和&&实现如下功能：

第一种需求：
成长速度为5显示1个箭头；
成长速度为10显示2个箭头；
成长速度为12显示3个箭头；
成长速度为15显示4个箭头；
其他都显示都显示0各箭头。

正常答案：

arrow = (speed==5 && 1)||(speed==10 && 2)||(speed==12 && 3)||(speed==15 && 4)||0;

最优解：

arrow = {'5':1, '10':2, '12':3, '15':4}[speed]||0;

第二种需求：
成长速度为>12显示4个箭头；
成长速度为>10显示3个箭头；
成长速度为>5显示2个箭头；
成长速度为>0显示1个箭头；
成长速度为<=0显示0个箭头。

最优解：

arrow = (speed>12 && 4)||(speed>10 && 3)||(speed>5 && 2)||(speed>0 && 1)||0;