Skip to content
Related Articles

Related Articles

Extract a number from a string using JavaScript
  • Last Updated : 20 May, 2019

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:

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :