Skip to content

WebDevHubs

  • Home
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • Java
  • Selenium
  • PHP
  • Python
  • Programs
  • Toggle search form

JavaScript Array indexOf() Method

Posted on December 5, 2024December 18, 2024 By Admin No Comments on JavaScript Array indexOf() Method

The indexOf() method returns the first index at which the element can be found in the array, or -1 if the element is not present. This method is case sensitive for string element.

const arr = [10, 20, 30, 40, 50];

console.log(arr.indexOf(10)); // Output: 0
console.log(arr.indexOf(30)); // Output: 2
console.log(arr.indexOf(50)); // Output: 4

Syntax

indexOf(searchElement) // or
indexOf(searchElement, fromIndex)

Parameters

ParametersDescriptions
searchElementThe element whose index is to be find.
fromIndex (Optional)Its default value is 0, which means search the element from beginning of the array.
If fromIndex is greater than or equal to the array’s length, the method returns -1 as no search is performed.
If fromIndex is negative, then the index counts back from the end of the array. if -array.length <= fromIndex < 0, fromIndex + array.length is used.

Return Value

It returns the first index of searchElement in the array, or -1 if the element is not found.

Example 1: Basic example of array indexOf() method.

const arr = ["apple", "banana", "cherry", "apple"];

console.log(arr.indexOf("apple"));  // Output: 0
console.log(arr.indexOf("cherry")); // Output: 2
console.log(arr.indexOf("mango"));  // Output: -1

Example 2: The indexOf() method with two parameters.

const arr = [10, 20, 30, 40, 50];

console.log(arr.indexOf(40, 2)); // Output: 3
console.log(arr.indexOf(10, 1)); // Output: -1

Example 3: Set the fromIndex value to Negative.

const arr = [10, 20, 30, 40, 50];

console.log(arr.indexOf(50, -1)); // Output: 3 (starts search at the last element)
console.log(arr.indexOf(40, -3)); // Output: 1 (starts search at index 1)

Example 4: Case Sensitivity

const arr = ["Apple", "banana", "Cherry"];

console.log(arr.indexOf("apple")); // Output: -1
console.log(arr.indexOf("Apple")); // Output: 0

JavaScript, Web Technologies Tags:JavaScript-Array, JavaScript-Array-Method, JavaScript-Method

Post navigation

Previous Post: JavaScript Array Methods
Next Post: How to Insert an Item into an Array at a Specific Index in JavaScript?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • JavaScript Array Methods
  • JavaScript Array.from() Method
  • JavaScript Array isArray() Method
  • JavaScript Array at() Method
  • JavaScript Array every() Method
  • JavaScript Array filter() Method
  • JavaScript Array find() Method
  • JavaScript Array forEach() Method
  • JavaScript Array includes() Method
  • JavaScript Array indexOf() Method
  • JavaScript Array join() Method
  • JavaScript Array keys() Method
  • JavaScript Array lastIndexOf() Method
  • JavaScript Array map() Method
  • JavaScript Array pop() Method
  • JavaScript Array push() Method
  • JavaScript Array reduce() Method
  • JavaScript Array reduceRight() Method
  • JavaScript Array reverse() Method
  • JavaScript Array shift() Method
  • JavaScript Array slice() Method
  • JavaScript Array some() Method
  • JavaScript Array sort() Method
  • JavaScript Array splice() Method
  • JavaScript Array toLocaleString() Method
  • JavaScript Array toReversed() Method
  • JavaScript Array toSorted() Method
  • JavaScript Array toSpliced() Method
  • JavaScript Array toString() Method
  • JavaScript Array unshift() Method
  • JavaScript Array values() Method
  • JavaScript Array with() Method

Recent Posts

  • Java ArrayList trimToSize() Method
  • Java ArrayList toArray() Method
  • Java ArrayList subList() Method
  • Java ArrayList spliterator() Method
  • Java ArrayList sort() Method

Recent Comments

No comments to show.

Important Pages

  • About Us
  • Contact Us
  • Terms of Use
  • Privacy Policy

Web Development

  • HTML
  • CSS
  • JavaScript
  • PHP

Programming Languages

  • Java
  • Python
  • PHP
  • Programs

Others

  • Selenium
  • Lodash
  • Java ArrayList
  • JavaScript Array Methods

Copyright © 2025 WebDevHubs.

Powered by PressBook Green WordPress theme