DEV Community

Cover image for JavaScript Arrays Methods In Detail Part 3
ABIDULLAH786
ABIDULLAH786

Posted on • Updated on • Originally published at devwebbytes.blogspot.com

JavaScript Arrays Methods In Detail Part 3

Introduction

JavaScript arrays are powerful data structures that allow you to store and manipulate collections of elements. They come with a wide range of built-in methods that make it easier to perform common operations on arrays. In this blog, we will explore six important array methods in JavaScript and provide detailed explanations along with examples for each method.

1. lastIndexOf()

Similar to indexOf(), the lastIndexOf() method returns the last index at which a given element can be found in the array. It starts searching the array from the end, which means it looks backward through the array.

Syntax:

array.lastIndexOf(searchElement)
Enter fullscreen mode Exit fullscreen mode

Example:

const numbers = [2, 5, 8, 2, 10];

console.log(numbers.lastIndexOf(2)); // Output: 3
console.log(numbers.lastIndexOf(8)); // Output: 2
console.log(numbers.lastIndexOf(7)); // Output: -1 (not found)
Enter fullscreen mode Exit fullscreen mode

2. findIndex()

The findIndex() method works similarly to find(), but instead of returning the value of the first element that matches the condition, it returns the index of that element. If no element satisfies the condition, it returns -1.

Syntax:

array.findIndex(callback)
Enter fullscreen mode Exit fullscreen mode

Example:

const numbers = [1, 5, 8, 10, 13];

const index = numbers.findIndex(num => num > 8);

console.log(index); // Output: 3 (index of the first element greater than 8)
Enter fullscreen mode Exit fullscreen mode

3. includes()

The includes() method is used to check if an array includes a specific element. It returns true if the element is found in the array, and false otherwise.

Syntax:

array.includes(searchElement)
Enter fullscreen mode Exit fullscreen mode

Example:

const fruits = ["apple", "banana", "orange"];

console.log(fruits.includes("banana")); // Output: true
console.log(fruits.includes("grape")); // Output: false
Enter fullscreen mode Exit fullscreen mode

4. indexOf()

The indexOf() method returns the first index at which a given element can be found in the array. If the element is not present in the array, it returns -1.

Syntax:

array.indexOf(searchElement)
Enter fullscreen mode Exit fullscreen mode

Example:

const fruits = ["apple", "banana", "orange", "apple", "grape"];

console.log(fruits.indexOf("apple")); // Output: 0
console.log(fruits.indexOf("orange")); // Output: 2
console.log(fruits.indexOf("mango")); // Output: -1 (not found)
Enter fullscreen mode Exit fullscreen mode

5. isArray()

The isArray() method is used to check if a given value is an array. It returns true if the value is an array, and false otherwise. This is particularly useful when dealing with different types of data to ensure that the variable is, in fact, an array before performing array-specific operations.

Syntax:

Array.isArray(value)
Enter fullscreen mode Exit fullscreen mode

Example:

const arr1 = [1, 2, 3];
const arr2 = "Not an array";

console.log(Array.isArray(arr1)); // Output: true
console.log(Array.isArray(arr2)); // Output: false
Enter fullscreen mode Exit fullscreen mode

6. find()

The find() method is used to retrieve the first element in the array that satisfies a given condition. It returns the value of the first element that passes the test function. If no element is found, it returns undefined.

Syntax:

array.find(callback)[, thisArg])
Enter fullscreen mode Exit fullscreen mode

Example:

const ages = [21, 16, 18, 25, 30];

const adultAge = ages.find(age => age >= 18);

console.log(adultAge); // Output: 21
Enter fullscreen mode Exit fullscreen mode

Conclusion

These are some of the essential array methods in JavaScript that can significantly simplify working with arrays. Understanding these methods will help you manipulate arrays efficiently and write more concise and readable code. Happy coding!

Top comments (0)