¿Cómo calcular la cantidad de palabras en una string usando JQuery?

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *