_.indexOf() function:
- It gives the index of the elements whose position we need to find.
- It starts to count the position of the elements in the array starting from 0.
- If the element is not present in the array then the result will be -1.
Syntax:
_.indexOf(array, value, [isSorted])
Parameters:
It takes three arguments:
- The array
- The value
- The isSorted (optional)
Return value:
It returns the position of the passed element.
Examples:
- Passing a list of numbers to _.indexOf() function:
The ._indexOf() function takes the element from the list one by one and checks whether it is equal to the passed element in the second parameter. If it is equal then the result is it’s index otherwise -1 is returned.
html
<html> <head> <script src = </script></head> <body> <script type="text/javascript"> console.log(_.indexOf([1, 2, 3, 4, 5, 6], 4)); </script></body> </html> |
- Output:
- Passing a list of characters to the _.indexOf() function:
We can also pass the list of characters to the _.indexOf() function and it will work in the same way as the numbers list works. In the second parameter we need to mention the word whose index we need to find inside single quotes, ”.
html
<html> <head> <script src = </script></head> <body> <script type="text/javascript"> console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 'PEARL'], 'AJAX')); </script></body> </html> |
- Output:
- Passing second parameter which is not present in the list::
Pass the list of character elements to the _.indexOf() function. Since in the given list the second parameter ‘GEEKS’ is not present so the result will be -1.
html
<html> <head> <script src = </script></head> <body> <script type="text/javascript"> console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 'PEARL'], 'GEEKS')); </script></body> </html> |
- Output:
- Passing a list with repeated elements to the _.indexOf() function: Even tough we pass an array with the repeated element the _.indexOf() function will work in the same way and return the index where the element passed in the second parameter is found first.
html
<html> <head> <script src = </script></head> <body> <script type="text/javascript"> console.log(_.indexOf(['HTML', 'CSS', 'JS', 'AJAX', 'PEARL', 'CSS', 'HTML', 'CSS'], 'CSS')); </script></body> </html> |
- Output:
NOTE:
These commands will not work in Google console or in firefox as these additional files need to be added which they didn’t have added.
So, add the given links to your HTML file and then run them.
The links are as follows:
html
<script type="text/javascript" </script> |
An example is shown below:
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
