如何找到數組元素的索引

Question

var styles = ['btx btx1', 'btx btx2', 'btx btx3', 'btx btx4'];

$('#mst').on('click', function(){
    let a = $('#btx').attr('class');
    console.log(a);  // `btx btx2`
    let x = styles.findIndex(a);
    console.log(x);  // error
});

錯誤 - 未捕獲類型錯誤Uncaught TypeError: btx btx2 is not a function

我期待1作為結果

Answer 1

使用索引：

$('#mst').on('click', function(){
   let a = $('#btx').attr('class');
   console.log(a);  // `btx btx2`
   let x = styles.indexOf(a);
   console.log(x);  // error
});

Answer 2

如果要使用findIndex() ，參數必須是function而不是特定項目。

句法

array.findIndex(function(currentValue, index, arr), thisValue)

 var styles = ['btx btx1', 'btx btx2', 'btx btx3', 'btx btx4']; let a = 'btx btx2'; let x = styles.findIndex(function(currentValue, index, arr){ return currentValue === a; }); console.log(x);

或者使用indexOf()

indexOf() 方法在數組中搜索指定的項目，並返回其 position。

 var styles = ['btx btx1', 'btx btx2', 'btx btx3', 'btx btx4']; let a = 'btx btx2'; let x = styles.indexOf(a); console.log(x);