¿Cómo contar la ocurrencia de strings en strings usando JavaScript?

En JavaScript, podemos contar la aparición de strings en una string contando el número de veces que la string está presente en la string. JavaScript proporciona una función match() , que se usa para generar todas las ocurrencias de una string en una array.
Contando el tamaño de la array que devolverá la cantidad de veces que la substring está presente en una string.
Script para encontrar el número de ocurrencias en una string:

Ejemplo-1: Contando la ocurrencia de Geeks en «GeeksforGeeks» usando la función «match()» .

<!DOCTYPE html>
<html>
  
<head>
    <title>
        count string occurrence in a string
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1>
    <h3>
      count string occurrence in a string 
  </h3>
  
    <button onClick="gfg()">
        count
    </button>
    <p id="rk">
  
    </p>
  
    <!-- Script to count string 
         occurrence in a string  -->
    <script>
        function gfg() {
            var r = "Geeks For Geeks ";
            document.getElementById("rk").innerHTML =
              (r.match(/Geeks/g)).length;
  
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el Botón:

Después de hacer clic en el botón:

La ‘g’ en la función especifica global que se usa para buscar una string completa en lugar de detenerse buscando la primera aparición.

Otro ejemplo para contar el número de veces que aparece la string en una string.
Ejemplo-2: Contando la ocurrencia de for en «GeeksforGeeks» usando Loops.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        count string occurrence in a string
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1>
    <h3>
      count string occurrence in a string 
  </h3>
  
    <button onClick="gfg()">
        count
    </button>
    <p id="rk">
  
    </p>
  
    <!-- Script to count 
        string occurrence in a string  -->
    <script>
        function gfg() {
            var s = "Geeks for Geeks";
            var f = "for";
            var i = 0,
                n = 0,
                j = 0;
  
            while (true) {
                j = s.indexOf(f, j);
                if (j >= 0) {
                    n++;
                    j++;
                } else
                    break;
            }
            document.getElementById(
              "rk").innerHTML = n;
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo-3: Contando la ocurrencia de Geeks en «GeeksforGeeks» usando la función de división.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        count string occurrence in a string
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1>
    <h3>
      count string occurrence in a string 
  </h3>
  
    <button onClick="gfg()">
        count
    </button>
    <p id="rk">
  
    </p>
  
    <!-- Script to count string 
         occurrence in a string  -->
    <script>
        function gfg() {
            var s = "Geeks for Geeks";
            var f = "Geeks";
            var r = s.split(f).length - 1;
            document.getElementById("rk").innerHTML = r;
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el Botón:

Después de hacer clic en el botón:

Ejemplo-4: Contando la ocurrencia de Geeks en “GeeksforGeeks” usando indexof().

<!DOCTYPE html>
<html>
  
<head>
    <title>
        count string occurrence in a string
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1>
    <h3>
      count string occurrence in a string
  </h3>
  
    <button onClick="gfg()">
        count
    </button>
    <p id="rk">
  
    </p>
  
    <!-- Script to count 
         string occurrence in a string  -->
    <script>
        function gfg() {
            var s = "Geeks for Geeks";
            var f = "Geeks";
            var r = s.indexOf(f);
            var c = 0;
            while (r != -1) {
                c++;
                r = s.indexOf(f, r + 1);
            }
            document.getElementById("rk").innerHTML = c;
        }
    </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 bestharadhakrishna y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta