javascript - Vue JS - indexOf 数组不是函数

Question

我正在尝试检查数组中是否存在数字(在使用 .indexOf() 之前我已经这样做了一千次)，但现在我似乎丢失了一些东西。

Vue方法

showSeat(seat) {
    if( !this.selectedSeats.length ) { 
        this.selectedSeats.push(seat)
    } else {
        let index = this.selectedSeats.indexOf(seat)
        ( index >= 0 ) ? this.selectedSeats.splice(index,1) : this.selectedSeats.push(seat)
    }
}

最初，this.selectedSeats 等于[]，并且第一个条件完美运行。但是，当我尝试添加另一个座位时，我收到 [Vue warn]: Error in event handler for "showSeat": "TypeError: this.selectedSeats.indexOf(...) is不是一个函数”。我错过了什么？

Answer 1

这是 JavaScript 中罕见的情况之一，省略分号可能会导致严重问题。这两行被作为单个表达式求值:

 let index = this.selectedSeats.indexOf(seat)
 ( index >= 0 ) ? this.selectedSeats.splice(index,1) : this.selectedSeats.push(seat)

它正在尝试执行 this.selectedSeats.indexOf(seat)(index>=0)

在 indexOf(seat); 末尾添加一个分号； 应该没问题。