How to Find the Index of an Element that Contains the Given Substring in Array ?
To find the index of an element within an array that contains a specific substring in JavaScript, there are multiple strategies available. The methods offer flexibility in handling various scenarios, allowing you to efficiently locate the index of the desired substring within the array.
Table of Content
- Using findIndex() with includes()
- Using findIndex() with indexOf()
- Using a loop
Using findIndex() with includes()
We can use the findIndex() method with the includes() method to directly search for the substring in the array and return the index of the same.
Syntax:
array.findIndex(element => element.includes(substring))
Example: The below code example finds the index of an element that contains the given substring in an array.
Javascript
const array = ['apple', 'banana', 'orange', 'grape'];const substring = 'an';const index = array.findIndex (element => element.includes(substring));console.log( "The first appearence of the given substring " + "found in the element present at index", index); |
The first appearence of the given substring found in the element present at index 1
Using findIndex() with indexOf()
Use the findIndex() with indexOf() method to check if the substring exists in any of the element contained by the array.
Syntax:
array.findIndex(element => element.indexOf(substring) !== -1)
Example: The below example finds the index of an element that contains the given substring in array using indexOf().
Javascript
const array = ['apple', 'banana', 'orange', 'grape'];const substring = 'rap';const index = array.findIndex (element => element.indexOf(substring) !== -1);console.log( "The first appearence of the given substring " + "found in the element present at index", index); |
The first appearence of the given substring found in the element present at index 3
Using a loop
Employ a for loop to iterate through the array and manually check each element for the presence of the substring using the string includes() method.
Syntax:
for (let i = 0; i < array.length; i++) {}
Example: The below example finds the index of an element that contains the given substring in array using for loop.
Javascript
function findIndexWithLoop(array, substring) { for (let i = 0; i < array.length; i++) { if (array[i].includes(substring)) { return i; } } return -1;}const array = ['apple', 'banana', 'orange', 'grape'];const index = findIndexWithLoop(array, 'ran');console.log( "The first appearence of the given substring " + "found in the element present at index", index); |
The first appearence of the given substring found in the element present at index 2
Contact Us