javascript - 如何在键盘事件上循环遍历数组

Question

let arr = []
document.getElementsByTagName('button')[0].addEventListener('click', function(){
    arr.push('heart'+arr.length)
})

document.addEventListener('keydown', function(e){
    if (e.keyCode === 40) { // down
    // alert me with last item in arr
  } 
})


<button>add hearts</button>

arr当我按下键盘时，如何显示最后一项的警报？所以每次我击球时，down arrow我都会得到下一个数组。

我第一次点击down= alert last arr item

我第二次点击down= 在最后一个 arr 项目之前发出警报

...... 等等

https://jsfiddle.net/o8L4qvb3/

标签： javascript

Answer 1

.pop 从数组中删除最后一个元素并返回它

    let arr = []

    document.getElementsByTagName('button')[0].addEventListener('click', function(){
        arr.push('heart'+arr.length)
      console.log (arr)
    })

    document.addEventListener('keydown', function(e){
        if (e.keyCode === 40) { // down
        // alert me with last item in arr
        alert(arr.pop())
      } 
    })