Extract a number from a string using JavaScript

21 Jul, 2021
The number from a string in javascript can be extracted into an array of numbers by using the match method. This function takes a regular expression as an argument and extracts the number from the string. Regular expression for extracting a number is (/(\d+)/).
Example 1: This example uses match() function to extract number from string.
<!DOCTYPE html><html><head>    <title>        Extract number from string    </title></head>  <body >    <div align="center" style="background-color: green;">                  <h1>GeeksforGeeks</h1>                  <p>String is "jhkj7682834"</p>                  <p id="GFG">             Click the button to extract number        </p>                  <input type="button" value="click " onclick="myGeeks()">    </div>          <script>        function myGeeks() {            var str = "jhkj7682834";            var matches = str.match(/(\d+)/);                          if (matches) {                document.getElementById('GFG').innerHTML                        = matches[0];            }        }    </script></body></html>                                
Output:
Before Clicking the button:
After Clicking the button:
Example 2: This example uses match() function to extract number from string.
<!DOCTYPE html><html><head>    <title>        Extract number from string    </title></head>  <body>    <div align="center" style="background-color: green;">                  <h1>GeeksforGeeks</h1>                  <p>String is "foo35bar5jhkj88"</p>                  <h3>            The string contains 3 numbers. So the numbers            are stored in an array and print together        </h3>                  <p id="GFG">            Click the button to extract number        </p><br>                  <h3 id="Geeks"></h3>                  <input type="button" value="Click Here!" onclick="myGeeks()">    </div>          <script>        function myGeeks() {            var str = "foo35bar5jhkj88";            matches = str.match(/\d+/g);            var i=0                      document.getElementById('GFG').innerHTML                = matches[0] + matches[1] + matches[2];                          document.getElementById("Geeks").innerHTML                = "Where 35 is the first, 5 is the second"                + " and 88 is the third number"    }    </script></body></html>                    
Output:
Before Clicking the button:
After Clicking the button:
JavaScript is best known for web page development but it is also used in a variety of non-browser environments. You can learn JavaScript from the ground up by following this JavaScript Tutorial and JavaScript Examples.
javascript-string
Picked
JavaScript
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
Remove elements from a JavaScript Array
Difference Between PUT and PATCH Request
Roadmap to Learn JavaScript For Beginners
Installation of Node.js on Linux
Top 10 Projects For Beginners To Practice HTML and CSS Skills
Difference between var, let and const keywords in JavaScript
How to insert spaces/tabs in text using HTML/CSS?
How to fetch data from an API in ReactJS ?