js小技巧（if else 的多种写法）

最新推荐文章于 2025-06-10 16:33:50 发布

原创最新推荐文章于 2025-06-10 16:33:50 发布 · 4.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#if else #js小技巧

js 专栏收录该内容

17 篇文章

订阅专栏

博客介绍了JS里if else的使用技巧，包含常规使用方式以及方式1和方式2，为开发者提供了不同的实现思路，有助于提升代码编写效率。

常规

if (status===1) {
  return 'a'
} else if(status===2) {
  return 'b'
} else if(status===3) {
  return 'c'
} else if(status===4){
  return 'd'
} else if(status===5){
  return 'e'
} else {
  return 'f'
}

方式1

function filterNature (val) {
      let status = val
      let mapData = new Map([
        [1, ['a']],
        [2, ['b']],
        [3, ['c']],
        [4, ['d']],
        [5, ['e']],
        [6, ['f']]
      ])
      const getStatus = status => {
        let arrStatus = mapData.get(status)
        return arrStatus[0]
      }
      return getStatus(status)
    }
    let name = filterNature(2)
    console.log(name)

方式2

function test (val) {
      let obj = {
        1: 'a',
        2: 'b',
        3: 'c',
        4: 'd',
        5: 'e',
        6: 'f'
      }
      return obj[val]
    }
    let name1 = test(1)
    console.log(name1)