查找包含给定字符串部分的元素索引

Question

我想在 myArray 中搜索“nana”，它应该返回“banana”元素的索引。

var myArray =["apple","banana","cherry"];

我该怎么做？

我有这个，但也许你有更聪明的方法

for(var i=0;i < myArray.length; i++){

    if(myArray[i].indexOf("nana") !=-1) { return i; }

}

Answer 1

如果ES6没有问题，可以使用array.prototype.findIndex和string.prototype.includes：

var myArray =["apple","banana","cherry"];
var search= "nana";
var index = myArray.findIndex(el => el.includes(search));
console.log(index);

Answer 2

使用findIndex

var input = "nana";
var output = myArray.findIndex( s => s.indexOf( input ) != -1 ); 

演示

var myArray =["apple","banana","cherry"];
var input = "nana";
var output = myArray.findIndex( s => s.indexOf( input ) != -1 );
console.log(output);

Answer 3

您可能有多个元素与该搜索条件匹配，在这种情况下，您可以使用reduce 将它们全部捕获。

var myArray = ['apple', 'banana', 'cherry', 'fenana'];

function finder(arr, str) {
  return arr.reduce((p, c, i) => {
    if (c.includes(str)) p.push(i);
    return p;
  }, []);
}

console.log(finder(myArray, 'nana'));

Answer 4

所有浏览器都支持以下代码：

for + indexOf

var myArray =["apple","banana","cherry"],
    word= "nana";

for(var i=0; i <= myArray.length; i++){
    if(myArray[i].indexOf(word)>-1)
    {
       console.log(i)
       break;
    }
}

findIndex

您也可以使用 findIndex 并且以下浏览器支持它：

var myArray =["apple","banana","cherry"],
    word= "nana";
console.log(myArray.findIndex( s => s.indexOf( word ) > -1 ))

jQuery » 检查是否存在 grep + indexOf:

var myArray =["apple","banana","cherry"],
    word= "nana";
    
var item = jQuery.grep(myArray, function( a ,i ) {
  if (a.indexOf(word)>-1)
  {
     console.log(i); 
     return a;
  }
})[0];

console.log("Is Exists: " + item!=undefined);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>