How to Find Items in Arrays with indexOf()?

If you’ve ever wanted to check whether a value exists in an array or find where it’s located, indexOf() is your friend. It’s a simple but powerful method built into JavaScript arrays.

What Does indexOf() Do?

The indexOf() method returns the position (index) of the first occurrence of a given value in an array. If the value isn’t found, it returns -1.

Basic Example

const fruits = ['apple', 'banana', 'cherry'];

console.log(fruits.indexOf('banana')); // 1
console.log(fruits.indexOf('grape'));  // -1 (not found)

How Indexes Work

Array indexes start at 0. So the first item is at index 0, the second at index 1, and so on.

Case-Sensitivity

indexOf() is case-sensitive:

const colors = ['Red', 'Green', 'Blue'];

console.log(colors.indexOf('red'));   // -1
console.log(colors.indexOf('Red'));   // 0

Searching from a Specific Index

You can optionally provide a second argument to start searching from a specific index:

const numbers = [1, 2, 3, 2, 4];

console.log(numbers.indexOf(2));       // 1
console.log(numbers.indexOf(2, 2));    // 3

Use Cases

• Check if a value exists in an array
• Find the position of an item
• Skip the first few items while searching

Quick Tip: Checking Existence

A common pattern is using indexOf() to check if something is in an array:

if (fruits.indexOf('apple') !== -1) {
  console.log('Apple is in the list!');
}

Or use the modern includes() method for a cleaner syntax:

if (fruits.includes('apple')) {
  console.log('Apple is in the list!');
}

Conclusion

indexOf() is a handy tool for finding values in arrays. It’s fast, reliable, and works in all modern browsers. Whether you want to find the index of an item or simply check if it exists, indexOf() makes it easy. And if you just need a yes/no answer, try includes() for a more readable alternative.