JS 多个if else判断优化

最新推荐文章于 2024-06-28 14:33:15 发布

娜娜啊吖

最新推荐文章于 2024-06-28 14:33:15 发布

阅读量125

点赞数 3

文章标签： javascript 前端

本文链接：https://blog.csdn.net/pqn_cc/article/details/135998057

版权

JS 多个if else判断优化


	//传统写法 （多个 if else分支优化）
     if (row.tianrunStatus == true) {
         if (row.tianrunSyncStatus == 'APPLYING') {
             return '申请中'
         } else if (row.tianrunSyncStatus == 'APPLY_FAILURE') {
             return '申请失败'
         } else if (row.tianrunSyncStatus == 'APPLY_SUCCESS') {
             return '申请成功'
         } else if (row.tianrunSyncStatus == 'SYNCHRONIZING') {
             return '同步中'
         } else if (row.tianrunSyncStatus == 'SYNC_SUCCEEDED') {
             return '同步成功'
         } else if (row.tianrunSyncStatus == 'SYNC_FAILED') {
             return '同步失败'
         } else {
             return '启用'
         }
     } else if (row.tianrunStatus == false) {
         if (row.tianrunSyncStatus == 'SYNCHRONIZING') {
             return '禁用(同步中)'
         } else if (row.tianrunSyncStatus == 'SYNC_SUCCEEDED') {
             return '禁用(同步成功)'
         } else if (row.tianrunSyncStatus == 'SYNC_FAILED') {
             return '禁用(同步失败)'
         } else {
             return '禁用'
         }
     } else {
         return '--'
     }
	//优化写法
	 const enableStateTypeMap = {
            'APPLYING': '申请中',
            'APPLY_FAILURE': '申请失败',
            'APPLY_SUCCESS': '申请成功',
            'SYNCHRONIZING': '同步中',
            'SYNC_SUCCEEDED': '同步成功',
            'SYNC_FAILED': '同步失败',
        }
        const disabledStateTypeMap = {
            'SYNCHRONIZING': '同步中',
            'SYNC_SUCCEEDED': '同步成功',
            'SYNC_FAILED': '同步失败',
        }
      /** 状态code判断返回中文描述 */
       export const statusJudgmentFun = (status, syncStatus) => {
           if (status == true) {
               const syncStatusText = enableStateTypeMap[syncStatus]
               return syncStatusText ? syncStatusText : '启用'
           } else if (status == false) {
               const syncStatusText = disabledStateTypeMap[syncStatus]
               return syncStatusText ? syncStatusText : '禁用'
           } else {
               return '--'
           }
       }
       /** 使用 */
       statusJudgmentFun(row.tianrunStatus,row.tianrunSyncStatus)