巧妙运用JavaScript中的或者运算符

发布时间：2023-10-14 14:57:22 所属栏目：教程来源：

导读：如下题用if else实现不同条件下（add_step的变化）， add_level的结果值不同：

代码如下:

var add_level = 0;

if(add_step == 5){

add_level = 1;

}

else if(add_step == 10){

add_leve

如下题用if else实现不同条件下（add_step的变化）， add_level的结果值不同：

代码如下:

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;

}

1）以上功能也可以通过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;

2）Javasctipt通过||和&&来实现：

代码如下:

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

3）第2种写法也可以简写为：

代码如下:

var add_level={'5':1,'10':2,'12':3,'15':4}[add_step] || 0;

从第2种写法中可以得出一个基本公式：

代码如下:

add_step==5 && add_level=1

等价于 <==>

代码如下:

if(add_step==5){

add_level = 1

}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!