JS——if else的简洁写法

第一种省略括号

/**
 * js 判断的几种写法
 */
var a = 10,b = 20;
console.log(a);
console.log(b);
/*最直接*/
if(a > b){
  console.log('a大');
}else{
  console.log('b大');
};
/*改变1*/
if(a > b) console.log('a大');
if(a < b) console.log('b大');
/*改变2*/
if(a > b) console.log('a大');
else console.log('b大');
/*最简单*/
或者使用常见的三元操作符 
console.log(a>b ? 'a大' : 'b大');

第二种使用对象形式

//原来代码

let orderStatus = ''
if (res.data.status == '1') {
    orderStatus = '待付款'
} else if (res.data.status == '2') {
    orderStatus == '待发货'
} else if (res.data.status == '3') {
    orderStatus == '已发货'
} else if (res.data.status == '4') {
    orderStatus == '待收货'
} else if (res.data.status == '5'){
    orderStatus == '已完成'
}

//可以简写为:

let orderStatus
let map = { '1': '待付款', '2': '待发货', '3': '已发货', '4': '待收货','5':'已完成'}
orderStatus = map[res.data.status]

// 或下面这种写法
let orderStatus
orderStatus= (res.data.status == '1' && '待付款') || (res.data.status == '2' && '待发货') || (res.data.status == '3'&& '已发货') || (res.data.status == '4' && '待收货') || (res.data.status == '5' && '已完成');   
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,199评论 0 13
  • 下划线和self.的区别 1.通过self. 访问,包含了set和get方法。通过下划线是获取自己的实例变量,不包...
    A_rcher34阅读 882评论 0 3
  • 一,JavaScript的书写格式 1.行内脚本:写在HTML标签内部,通过一个属性节点来添加,不推荐使用,例如“...
    刘远舟阅读 480评论 0 0
  • JS基础语法 一、类型转换很多时候,我们在进行数据运算或输出等操作时需要将数据在不同类型之间进行转换,在JS 数据...
    小山居阅读 628评论 0 1
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 5,751评论 0 5