当判断条件更多的时候，使用JS映射，让代码更加的优雅。

前端在进行各种判断的时候，if会用到很多，但是如果判断的条件过多，还一直用if，代码会非常臃肿，而且可修改性不强

那么就有人说了，if不行，那我用switch case呗，但是用switch case 也没有解决代码臃肿和可修改性，这个时候我们就可以用js中的映射了，通过映射来代码进行简化和修改。

举个简单的例子，比如现在有100个判断条件，那if该怎么写，switch case又要怎么写，代码看起来是特别奇怪的，映射就很好修改和使用了。

来个实际例子，现在我们有一个需求，在项目国际化的时候，需要根据languge的不同，对需要国际化的语言进行相应的操作，用映射怎么写呢

let languge = 'zh-CN'
let obj:any = {
  'zh-CN':()=>{
    console.log(tInJs?.$t('message.hello'));
    return tInJs?.$t('message.hello')
  },
  'en-US': () => {
    console.log(333);
  }
}

我们执行的时候，直接

obj[languge]() //完事  

那有人说，这个langue不在你obj里面有响应的key值，又该怎么办呢，那也很简单

let languge = 'zh-CN'
let obj:any = {
  'zh-CN':()=>{
    console.log(222);
  },
  'en-US': () => {
    console.log(333);
  },
  'default': () => {
    console.log('暂无匹配元素');
    return '暂无匹配元素'
  }
}
if (obj[languge] == undefined) {
  obj['default']()
}else{
  obj[languge]()  
}

无论你有多少判断条件，我只需要在obj里面写出来，其他都不用变，对应的条件，直接找obj的key就完事了