美文网首页
js简单优化之大量 if/switch判断

js简单优化之大量 if/switch判断

作者: MiSiTeWang | 来源:发表于2021-05-08 13:58 被阅读0次
场景
const title = 0;
    if (title == 1) {
        console.log(1);
    }else if(title == 2){
        console.log(2);
    }else if(title == 3){
        console.log(3);
    }else if(title == 4){
        console.log(4);
    }
    ………………
    switch (title) {
        case 1:
            console.log(1);
            break;
        case 2:
            console.log(2);
            break;
        case 3:
            console.log(3);
            break;
        case 4:
            console.log(4);
            break;
    }
    ……
优化
    const actions = {
        1: [1, 11],
        2: [2, 22],
        3: [3, 33],
        4: [4, 44],
    }
    if (actions[title]) {
        console.log(actions[title][0]);
        alert(actions[title][1]);
    }

//es6  Map方法
    const actions = new Map([
        [1, [1, 11]],
        [2, [2, 22]],
        [3, [3, 33]],
        [4, [4, 44]],
        ['default', [0, '00']]
    ])
    const myfunction = (title) => {
        let action = actions.get(title) || actions.get('default')
        console.log(action[0])
        console.log(action[1])
    }
    myfunction(title)

相关文章

  • js简单优化之大量 if/switch判断

    场景 优化

  • 04-js的语句

    js的语句 java的语句if判断switch循环for、while、do while js的语句if判断Tips...

  • 技术总结 | 策略模式

    问题:如何优化代码中大量的 if/else ? 提前 return。 使用 switch ... case。 使用...

  • js 复杂判断的简化

    js 复杂判断的简化 我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来...

  • 2019-06-11

    js基础知识: 多重条件判断语句 语法: switch语句 条件分支语句也叫switch语句语法: 代码例子: 数...

  • 代码优化

    参考: 复杂判断的优雅写法简单几步让你的 JS 写得更漂亮优化 if-else 代码结构 一、复杂判断的优雅写法8...

  • 逻辑运算和switch while

    && || ! 取反 switch 使用注意: js内部使用全等判断 ,PHP内部使用的是 == 松散型 while循环

  • JavaScript 复杂判断的更优雅写法

    前提 我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断...

  • JavaScript 复杂判断的更优雅写法

    前提 我们编写js代码时经常遇到复杂逻辑判断的情况,通常可以用if/else或者switch来实现多个条件判断,但...

  • JavaScript更优雅的写判断逻辑

    我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这...

网友评论

      本文标题:js简单优化之大量 if/switch判断

      本文链接:https://www.haomeiwen.com/subject/flhddltx.html