javascript - 优化/替换多个条件

Question

我想在用户按下任何箭头键时调用相同的函数。我能够用这样的东西来实现它:

if (x.style.display = "block" && 
     (event.keyCode === 37 || 
      event.keyCode === 38 || 
      event.keyCode === 39 || 
      event.keyCode === 40)
   ) 
   { ...}

我只是想知道是否有一种更优雅的方法来实现这一点，也许用更少的代码。

Answer 1

使用Array.includes :

document.addEventListener('keydown', e => {
  if (![37,38,39,40].includes(e.keyCode)) return
  
  console.log('arrow key pressed')
})

或者您可以检查范围。