替换ifelse你有更简单的方式

今天有一个需求，后端传过来一个角度，需要转换为对应的方向，一共有八个方向，也就是每个方位45度。按照上北下南左西右东，度数按照水平0度的方式。

乍一看，这是个很简单的需求呀。

function formatDir(deg) {
  if (deg < 0 || deg > 360) {
    return "方位角度不正确"
  }
  if (deg < 22.5 || deg >= 337.5) {
   	return "东"
  }
  if (deg >= 22.5 && deg < 67.5) {
    return "东南"
  }
  if (deg >= 67.5 && deg < 112.5) {
    return "南"
  }
  if (deg >= 112.5 && deg < 157.5) {
    return "西南"
  }
  if (deg >= 157.5 && deg < 202.5) {
    return "西"
  }
  if (deg <= 202.5 && deg < 247.5) {
    return "西北"
  }
  if (deg <= 247.5 && deg < 292.5) {
    return "北"
  }
  if (deg <= 292.5 && deg < 337.5) {
    return '东北'
  }
}

搞定，也就是if else的事情，但是仔细看一下，是不是有点麻烦，写了这么多if else而且都需要自己计算角度，万一在计算的时候出现问题，而且一时半会也发现不了。

这时候，灵光一闪，想到了更好的办法。

const dirs = ['东', '东南', '南', '西南', '西', '西北', '北', '东北']
function formatDir(deg) {
  if (deg < 0 || deg > 360) {
    return '方位角度不正确'
  }
  return dirs[Math.floor((deg + 22.5) % 360 / 45)] || '方位角度不正确'
}

是不是很简单，这里首先将度数加上22.5度，使得每个角度是45度的倍数，然后对360取模，能够获得0到360的角度，这样不至于角度溢出，最后按照45度进行切分，对应的也就是dirs的下标。这样一看是不是代码比写if else简洁多了。

有时候乍一看，我们能够一瞬间想到代码的解决方式，但是这个时候要想一想自己的代码是不是足够优雅，是不是会有更简单的方式来实现，这样不停的锻炼，一方面能够提高自己代码编写能力，也能提高自己的逻辑思维能力。加油吧，少年。