How to get the first element of an array in JavaScript

In this tutorial, you will learn 3 different ways to get the first element of an array in JavaScript

1. Using element index

JavaScript arrays are zero-indexed, that means the index of the first element is 0 and the last element is at index (array’s length - 1).

const array = ['India', 'United States', 'Brazil'];

const firstElement = array[0]; // 'India'

const lastElement = array[array.length-1]; // 'Brazil'

2. Using Array.slice() method

We can use the slice() method to get the first element of a JavaScript array by passing 0 as a first parameter and 1 as a second parameter.

It returns a new array of length 1.

const array = ['India', 'United States', 'Brazil'];

const subArray = array.slice(0, 1); // ['India']

3. Using Array destructuring

The Array destructuring assignment introduced in ES6 can help us get the first element of an array.

const array = ['India', 'United States', 'Brazil'];

const [firstElement] = array; 

console.log(firstElement) // 'India';

Related Solutions

• How to sort an array of strings and numbers in JavaScript

• How to get the last element of an Array in JavaScript

• How to randomly generate alphanumeric strings in JavaScript

• How to achieve conditional routing in React using react router dom

• How to autofocus an input element in React