by Sai gowtham

How to get first element of a array in JavaScript

In this tutorial, we are going to learn about two different ways to get the first element of a array in JavaScript.

Consider we have an array with 3 elements like this.

const arr = ['lol','ball','doll']

Now, we need to get the first element 'lol' from the above array.

First way: Using element index

We can get the first element of an array by using its element index.

Example:

const arr = ['lol','ball','doll'];

console.log(arr[0]); // 'lol'

Note: In JavaScript, the array index starts from 0 so that the first element index is 0.

Second way: Using the slice method

In es6, we have a slice( ) method, if we pass 0,1 as arguments to the slice() method we can get the first element of an array.

Example:

const arr = ['lol','ball','doll']

console.log(...arr.slice(0,1)); // 'lol'

Note: The slice() method doesn’t modify your original array.

You can also read, how to get last element of an array in JavaScript.

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2021 (Beginner + Advanced)
JavaScript - The Complete Guide 2021 (Beginner + Advanced)
64,026 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course