Para calcular el número de palabras en una string, podemos usar el método JQuery split() junto con o sin el método trim().
El método .split() simplemente divide una string en una array de substrings por un carácter específico y el método .trim() para eliminar los espacios en blanco iniciales y finales.
Sintaxis:
string.split(separator, limit)
- Acercarse:
- Obtenga la string del elemento HTML.
- Dividir la string en substring sobre la base de espacios en blanco.
- Cuente el número de substrings.
Ejemplo 1: junto con el método trim(), eliminando los espacios iniciales y finales de la string
<!DOCTYPE html>
<html>
<head>
<title>How to calculate the number
of words in a string using Javascript?</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h3>How to calculate the number of words
in a string using Javascript?</h3>
<textarea> Geeks For GEEKS </textarea>
<br>
<button type="button">Click</button>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
// reduce the whitespace from both sides of a string.
var geeks1 = $.trim($("textarea").val());
//split a string into an array of substrings
var geek = geeks1.split(" ")
// count number of elements
alert(geek.length);
});
});
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: sin el método trim()
<!DOCTYPE html>
<html>
<head>
<title>Calculate the number
of Words in a String</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h3>How to calculate the number of
words in a string using Javascript?</h3>
<p id="geeks1"></p>
<br>
<button onclick="myFunction()">Click</button>
<p id="geeks"></p>
<script>
var str = "Geeks For Geeks";
document.getElementById("geeks1").innerHTML = str;
function myFunction() {
var res = str.split(" ");
document.getElementById(
"geeks").innerHTML = res.length;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA