前端JS——if else if 的简洁写法

104 阅读 0 评论 69 点赞

我是靠谱客的博主忧心毛豆，这篇文章主要介绍前端JS——if else if 的简洁写法，现在分享给大家，希望可以做个参考。

假如我们有这样一段逻辑：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
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 == '已完成'
}

可以简写为：

复制代码

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

如果是列表返回数据：

假设列表返回数据是：

复制代码

1
list:[{days:30},{days:365},{days:90},{days:30},{days:90},{days:365}]

你需要将返回“30”对应显示为：1个月（30天）；365对应显示为：1年（365天）；90对应显示为：3个月（90天）

那么你就可以这样写：

复制代码

1
2
3
4
list.map(item => {
    let map = {"30": "1个月（30天）","90": "3个月（90天）","365": "1年（365天）"};
    item.days = map[item.days];
})

最后

以上就是忧心毛豆最近收集整理的关于前端JS——if else if 的简洁写法的全部内容，更多相关前端JS——if内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：JavaScript
浏览次数：104 次浏览
发布日期：2023-05-17 01:57:01
本文链接：https://www.kaopuke.com/article/k-p-k_14_ujo_2_f4_13__23__22_2.html

前端JS——if else if 的简洁写法

最后

评论列表共有 0 条评论

发表评论取消回复

前端JS——if else if 的简洁写法

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

微信扫一扫：分享

发表评论取消回复