Extract a number from a string using JavaScript
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:
