如何找到数组元素的索引

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);