Author -  Sai gowtham

Get First 3 Characters of a String in JavaScript

In this tutorial, we will learn how to get the get the first 3 characters of a string in JavaScript with the help of examples.

Note: In JavaScript, strings are the sequence of characters, where the index of the first character is 0, the second character is 1, third character is 3 etc.

Getting the first 3 characters of a string

To get the first 3 characters of a string, we can use the built-in substring() method by passing the 0, 3 as an arguments to it.

Where 0 is the start index, 3 is the end index which is excluded from the output.

Here is an example:

const place = "Paris";

const firstThreeCharacters = place.substring(0, 3);
console.log(firstThreeCharacters);

Output:

"Par"

In the example above, we have passed 0, 3 as an arguments to the substring() method. So it begins the extraction at index 0 and extracts before the index 3 of a string.

Alternatively, we can also the slice() method in JavaScript, to access the first 3 characters in the string.

Here is an example:

const place = "Paris";

const firstThreeCharacters = place.slice(0, 3);
console.log(firstThreeCharacters);

Output:

"Par"

The slice() method takes the two arguments, the first argument is start index and the second argument is end index then it returns a new string between the start index and end index (that is excluded from the output).

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 2023 (Beginner + Advanced)
JavaScript - The Complete Guide 2023 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY