In JavaScript, the indexOf() method is useful for finding the first index of a specific element within an array. If the element cannot be found, then it will return -1. Here is the basic syntax

array.indexOf(element, fromIndex)

element represents the value you want to search for within the array, and the fromIndex parameter is the position from which the search should start. The fromIndex parameter is optional. If fromIndex is not provided, the search starts from the beginning of the array. Let’s look at an example

let fruits = ["apple", "banana", "orange", "banana"];
let index = fruits.indexOf("banana");
console.log(index); // 1

In this example, we have an array fruits containing various fruit names. We use the indexOf() method to find the index of the string banana within the fruits array. Since banana is present at index 1, the method returns 1, which is stored in the index variable and logged to the console.

If the element you’re searching for is not found in the array, indexOf() returns -1. For example

let fruits = ["apple", "banana", "orange"];
let index = fruits.indexOf("grape");
console.log(index); // -1

Here, we search for the string grape in the fruits array using indexOf(). Since grape is not present in the array, the method returns -1, which is stored in the index variable and logged to the console.

If you want to start looking for an item after a specific index number, then you can pass a second argument like in this example

let colors = ["red", "green", "blue", "yellow", "green"];
let index = colors.indexOf("green", 3);
console.log(index); // 4

In this example, the search does not start from the start of an array, rather it starts from the index number 3 which is yellow and gets the output of 4.