js代码简化的几种方式

发表于 更新于 分类于 ， ， 本文字数： 942 阅读时长 ≈ 1 分钟

splice 的缺陷

为了在编写 JS 代码过程，更加的简洁和优雅，总结了一些简化语句的使用方法。

传统 switch 改写

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 改动前
if(result>1 && result<10) {
    return 0
}elseif(result>10 && result<20){
    return 1
}else{
    return 10
}

// 改动后
switch(true){
case (result>1 && result<10):
    return 0
case (result>10 && result<20):
    return 0
default:
    return 10
}

三元运算符替换

1
2
3
4
5
6
7
8
9
// 修改前
if(bool){
    val = 1
}else{
    val = 2
}

// 改动后
val = bool ? 1 : 2

逻辑判断改写

1
2
3
4
5
6
7
8
9
10
11
if(bool){
    val = test()
}
// 改动后
bool && (val = test())

if(!bool){
    val = test()
}
// 改动后
bool || (val = test())

对象属性改写

1
2
3
4
5
6
7
8
9
10
11
12
if(result==1){
    return 'one'
}elseif(result=2){
    return 'two'
}elseif(result=3){
    return 'three'
}else{
    return ''
}
// 改动后
result_info = {1:'one',2:'two',3:'three'}
return result_info[result] ? result_info[result] : ''

致谢

  1. js减少if语句的技巧