El número de una string en javascript se puede extraer en una array de números mediante el método de coincidencia. Esta función toma una expresión regular como argumento y extrae el número de la string. La expresión regular para extraer un número es (/(\d+)/).
Ejemplo 1: este ejemplo usa la función match() para extraer el número de la string.
html
<!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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo usa la función match() para extraer el número de la string.
html
<!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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo #3: Este ejemplo usa el método de reducción para extraer todo el número de la string.
HTML
<!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 c = '0123456789'
function check(x) {
return c.includes(x) ? true : false;
}
var matches = [...str].reduce((x, y) => check(y) ? x+y : x, '')
if (matches) {
document.getElementById('GFG').innerHTML
= matches;
}
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
reduce() función
- Después de hacer clic en el botón:
reduce()
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
Publicación traducida automáticamente
Artículo escrito por AdeshSingh1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA