
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
Array findIndex() function in JavaScript
The findIndex() function in JavaScript returns the index of the first element value that satisfy a given condition in an array.
Following is the code for the array find() function −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .findIndex { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>JavaScript Array FindIndex() example</h1> <div class="findIndex"></div> <button class="findArr">CLICK HERE</button> <h3>Click on the above button to get the index of lion in the array</h3> <script> function findLion(animal) { return animal === "lion"; } let fillEle = document.querySelector(".findIndex"); let arr = ["cow", "lion", "bull", "tiger"]; fillEle.innerHTML = arr; document.querySelector(".findArr").addEventListener("click", () => { fillEle.innerHTML = arr.findIndex(findLion); }); </script> </body> </html>
Output
On clicking the ‘CLICK HERE’ button the index of lion will be returned as follows −
- Related Articles
- JavaScript Array findIndex() function
- Array some() function in JavaScript
- JavaScript Array find() function
- JavaScript Array fill() function
- JavaScript Array some() function
- divisibleBy() function over array in JavaScript
- Sorting Array with JavaScript reduce function - JavaScript
- Currified function that multiples array elements in JavaScript
- Accessing an array returned by a function in JavaScript
- JavaScript function that should count all unique items in an array
- Which algorithm does the JavaScript Array#sort() function use?
- Function to flatten array of multiple nested arrays without recursion in JavaScript
- Remove duplicate items from an array with a custom function in JavaScript
- Using a recursive function to capitalize each word in an array in JavaScript
- array() function in PHP

Advertisements