by Sai gowtham

Get the first 4 numbers of a string in JavaScript

In this tutorial, we will learn how to get the first 4 numbers of a string in JavaScript.

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 4 numbers of a string

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

Here is an example:

const id = "2345john23";

const firstFourNumbers = id.silce(0, 4);
console.log(firstFourNumbers);

Output:

"2345"

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

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).

Similarly, we can also use the String.match() method by passing the regular expression /\d{4}/ to get the first 4 numbers from a string.

Here is an example:

const id = "2345john23";

const firstFourNumbers = id.match(/\d{4}/)[0];
console.log(firstFourNumbers); // 2345

The regular expression /\d{4}/, where d matches the numbers ranging from 0 to 9 and extracts thw first 4 characters anywhere from the string.

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 2022 (Beginner + Advanced)
JavaScript - The Complete Guide 2022 (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