Js优化条件判断语句

更新日期: 2019-09-17阅读: 1.9k标签: 语句

一、简单逻辑常用判断

1.

if(a为真){
    a=a
}else{
    a=b
}

可写成:a = a || b

2.

if(a==b){
    a=c
}else{
    a=d
}

可写成:a = (a==b) ? c : d

3.

fruit: 0 //0=苹果,1=梨子,2=桔子,3=柠檬,4=芒果...

var _f = ['苹果','梨子','桔子','柠檬','芒果'];
shuiguo = _f[fruit];

 

二、复杂逻辑判断

1. if..else if...else... 中的条件体应该总是按照从最大概率到最小概率排列,以保证理论速度最快
2. switch/case 条件数量较大的话,就建议选用

(1)

    if (res.state === 'SUCCESS') {
        //TODO
    } else if (res.state === 'FAIL') {
        //TODO
    } else {
        //TODO
    }

改成:
    switch (res.state) {
        case 'SUCCESS':
            //TODO
            break;
        case 'FAIL':
            //TODO
            break;
        default :
            //TODO
    }

同样的条件语句可以写成

    case 2:
    case 3:
      sendLog('fail')
      jumpTo('FailPage')
      break;  

3.使用JSON优化

function getName(type) {
    if (type === 'monkey') {
        return 'monkey name';
    } else if (type === 'cat') {
        return 'cat name';
    } else {
        return 'dog name';
    }
}

改成
function getName(type) {
    var data = {
        monkey: 'monkey name',
        cat: 'cat name',
        dog: 'dog name'
    }

    return data[type] ? data[type] : data['dog'];
}

4.

getIcon(layer, obj) {
      // 各图层图标,形成以layerid为key的字典,每一项是一个图标文件数组
      const iconUrls = {
        DQ_ZDZ: [
          // 空气质量AQI等级
          'DQ/l_00.png',
          'DQ/l_01.png',
          'DQ/l_02.png',
          'DQ/l_03.png',
          'DQ/l_04.png',
          'DQ/l_05.png',
          'DQ/l_06.png'
        ],
        SZ_SK: [
          // 水质水库等级
          'SK/sk_I.png',
          'SK/sk_I-II.png',
          'SK/sk_I-II.png',
          'SK/sk_III.png'
        ],
        SZ_HL: [
          // 水质河流等级
          'HL/I-I.png',
          'HL/I-II.png',
          'HL/I-II.png',
          'HL/III.png'
        ],
        HCST: [
          // 水质河流等级
          'HCST/I-I.png',
          'HCST/I-II.png'
        ],

        QT: [
          // 其他图标
          'QT/hospital.png', // 医院
          'QT/sz_rubbish.png', // 市政垃圾
          'QT/xz_area.png', // 行政区域
          'QT/zjsqy.png', // 重金属企业
          'QT/zdwryqy.png', // 重点污染源企业
          'QT/wsclc.png', // 污水处理厂
          'QT/wxfwqy.png' // 危险废物企业
        ],

        // [达标, 超标]
        WRY_FS: [
          'FS/polut_water_wsj.png',
          'FS/polut_water_db.png',
          'FS/polut_water_cb.png',
          'FS/polut_water_wbz.png'
        ],
        WRY_FQ_QT: [
          'FQ/polution_air_wsj.png',
          'FQ/polution_air_db.png',
          'FQ/polution_air_cb.png',
          'FQ/polution_air_wbz.png'
        ],
        DQ_JC: [
          'JC/jiangchen_wsj.png',
          'JC/jiangchen_db.png',
          'JC/jiangchen_cb.png'
        ],
        DQ_JS: ['JS/water_wsj.png', 'JS/water_db.png', 'JS/water_cb.png'],
        ZS_GNQ: ['ZS/gnqzs_wsj.png', 'ZS/gnqzs_db.png', 'ZS/gnqzs_cb.png'],
        ZS_DLJT: ['ZS/jtzs_wsj.png', 'ZS/jtzs_db.png', 'ZS/jtzs_cb.png'],
        ZS_QY: ['ZS/qyzs_wsj.png', 'ZS/qyzs_db.png', 'ZS/qyzs_cb.png'],
        WRY_CJZS: [
          'ZS/zswry_wsj.png',
          'ZS/zswry_db.png',
          'ZS/zswry_cb.png',
          'ZS/zswry_wbz.png'
        ]
        // TR: [], // !!!
        // TR_SJ: ['ZS/qyzs_db.png'], // !!!
        // TR_CLZ: ['ZS/qyzs_db.png'], // !!!
      };

      // 计算图标索引。
      // var level = 0;
      let level = 0;
      if (obj.PJ) {
        level = obj.PJ + 1;
      }

      // 空气、河流、水库需要计算质量等级,对应等级图标;
      // if (['DQ_KQ', 'SZ_HL', 'SZ_SK'].indexOf(layer.id) >= 0) {
      //   level = obj.PJ;
      // } else {
      //   // 其他的图标索引=是否超标
      //   // level = point.isPolluted;
      // }
      if (iconUrls[layer.id]) {
        if (iconUrls[layer.id][level]) {
          var iconUrl = '/static/images/lims/gis/' + iconUrls[layer.id][level];
        } else {
          console.log(layer.id, level);
        }
      } else {
        iconUrl = '/static/images/lims/gis/QT/szzdz.png';
      }
      return L.icon({
        iconUrl: getMd5FilePath(iconUrl),
        iconSize: [33, 46],
        iconAnchor: [17, 46]
      });
    },

链接: https://fly63.com/article/detial/5966

为什么我更喜欢对象而不是switch语句

最近我正在跟我的团队伙伴讨论如何去处理这种需要根据不同的值去处理不同的情况的方法,通常对于这种情况下,人们喜欢使用switch语句或者使用很多if搭配else if条件。在本文中我将重点介绍第三种方式(我更为喜欢的方法),即使用对象进行快速地查找。

js中return/break语句的妙用

在JavaScript里面,一般我们想让程序在function里面执行到一半时,经过判断或者完成某种操作后停止执行后面的代码,会用return结束掉function。可以在while中间加入多个if()break作为断点,控制逻辑的流程。

js中if判断语句执行原因--数据类型转换原理

相信我们程序员平时写代码用的最多的逻辑就是if语句了吧,可你知道他的原理是什么吗,其实这跟Boolean()这个方法有关,此方法为自动执行(在需要判定Boolean的语句中中自动执行)

Js语句后加不加分号;

前一阵子猛然想到一个问题,JS有分号自动补全(ASI)机制,在写JS时我是习惯性在语句后面加上分号,在块语句后面不加分号。那么如果没有加分号的话,在什么情况下会出现问题?在JS语句后到底是应该加分号还是不加分号?

JS构造函数中有return

在JavaScript中,创建对象的方式包括两种:对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式,例如:new表达式是配合构造函数使用的:

JavaScript 语句解析

在 HTML 中,JavaScript 语句是由 web 浏览器执行的指令。JavaScript 语句可以用花括号({...})组合在代码块中。JavaScript 语句常常通过某个关键词来标识需要执行的 JavaScript 动作。

JavaScript中Switch语句的使用方法

除了if ... else之外,JavaScript还有一个称为switch语句的功能。 switch是一种条件语句,它将针对多种可能的情况评估表达式,并根据匹配的情况执行一个或多个代码块。 switch语句与包含许多其他if块的条件语句密切相关

javascript中的return语句怎么用?

JavaScript return 语句,表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。

JavaScript中表达式和语句的区别是什么?

表达式是由运算符构成,并运算产生结果的语法结构。一个表达式会产生一个值,它可以放在任何需要一个值的地方,比如,作为一个函数调用的参数。

你可能不需要在JavaScript使用switch语句

没有 switch 就没有复杂的代码块,switch很方便:给定一个表达式,我们可以检查它是否与一堆case子句中的其他表达式匹配。 考虑以下示例:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!