Como contar vocales y espacios en blanco en un texto mediante javascript

Como contar vocales y espacios en blanco en un texto mediante javascript

Print Friendly, PDF & Email
Como contar vocales y espacios en blanco en un texto mediante javascript
Valora esta entrada
En el script de este ejercicio vamos a practicar con algunos métodos javascript básicos para el tratado de arrays.

También vamos será necesario recorrer todas las posiciones de un array.

Finalmente de nuevo repasaremos la estructura del switch.

Esta entrada te puede ideas sobre como resolver este ejercicio.

Enunciado

Crea un script que:

Pida al usuario que escriba por pantalla un texto.

  1. Transforme el texto en un array de letras minúsculas (para facilita la solución del ejercicio).
  2. Recorra todo el array en búsqueda de cada tipo de vocal a, e, i, o, y.
  3. Recorra todo el array contabilizando espacios en blanco.
  4. Finalmente el script debe escribir por pantallas todos y cada uno de los textos y devolver el texto tratado según la imagen a continuación.
Ver solución (Haz clic)

Solución del ejercicio

split(“”) transforma un string en un array separando cada letra del carácter (“”). Muchísima atención porqué no es igual escribir “” que ” “. (notar que en el segundo caso si hay un espacio en blanco).

join(“”) hace el proceso contrario para volver a unir todas las letras de un vector o array.

toLowerCase() transforma todos los caracteres a minúscula.

El resto de la resolución es muy parecido al ejercicio del dado de 6 caras.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Script que cuenta el número de vocales, el número de espacios en blanco y el número de carácteres escritos">
        <meta name="author" content="Francesc Ricart">
        <title>Ejercicio javascript - ejemplo de uso de métodos</title>
    </head>
    <body>
    
    <script>

        var a = e = i = o = u = blancos = 0;
        vectorLetras = consultarTexto();
        
        function consultarTexto(){
            var pideTexto = window.prompt("escribe un texto cualquiera");
            var textoRoto = pideTexto.toLowerCase().split("");
            return textoRoto;
        }        
        
        for(k=0;k < vectorLetras.length;k++){
            
            switch(vectorLetras[k]){
                case "a":
                case "à":
                case "á":
                    a++;
                    break;
                case "e":
                case "é":
                case "è":
                    e++;
                    break;
                case "i":
                case "í":
                case "ì":
                    i++;
                    break;
                case "o":
                case "ó":
                case "ò":
                    o++;
                    break;
                case "u":
                case "ú":
                case "ù":
                    u++;
                    break;
                case " ":
                    blancos++;
            }
        }
        
        totalVocales = a+e+i+o+u;
        
        document.write("Hay " +  a + " vocales 'a'<br>");
        document.write("Hay " +  e + " vocales 'e'<br>");
        document.write("Hay " +  i + " vocales 'i'<br>");
        document.write("Hay " +  o + " vocales 'o'<br>");
        document.write("Hay " +  u + " vocales 'u'<br>");
        
        document.write("<br>");
        document.write("Total de vocales: " + totalVocales);
        document.write("<br>");
        document.write("Total de espacios en blanco: " + blancos);
        document.write("<br>");
        document.write("Total de carácteres escritos: " + vectorLetras.length);
        document.write("<br>");
        document.write("Texto original: <b>" + vectorLetras.join("") + "</b>");
    </script>

    </body>
</html>

¡Hola!

Querido lector,

Este es un interesante ejercicio practicamos con algunos métodos para arrays especialmente interesantes como lo son split() y join().

Hemos vuelto a practicar el uso del for y un switch().

¡Espero que te haya sido de utilidad!

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Entradas relacionadas:

Instrucciones básicas para familiarizarse con javascript
- 377
El javascript es un lenguaje que se olvida a una velocidad de vértigo si no se practica. Es importante tener unos buenos apuntes 😉 Hoy presento instrucciones básicas que sirven para empezar con scrip...
La apasionante historia del Javascript (resumida)
- 395
Javascript es un lenguaje de programación de lado cliente que ha cambiado Internet tal y como lo conocemos a día de hoy. Junto con el html y el css es uno de los 3 pilares del diseño web. Es un requer...
Ejercicio – ¿Estamos en fin de semana?
- 80
Ejercicio dónde se resuelve un simple ejercicio mediante el uso de getDay() y se compara un switch y un if. Incluye solución.
Ejercicio – Cálculo del perímetro de un rectángulo mediante funciones
- 86
Ejercicio en el que se práctica de modo fácil la lógica de programación mediante el uso de funciones declaradas en JS.
Funciones Javascript: declaración, uso y utilidad en programación
- 452
Una función es una estructura de código que ejecuta y transforma unos inputs de entrada en un output de salida en forma de dato o acción. Hemos trabajado con funciones toda nuestra vida. Las aprendimo...
Crear, modificar, eliminar y detectar cookies con Javascript
- 797
En esta entrada explicamos los tipos de cookies que existen y mostramos una biblioteca de funciones que nos permite crear, modificar, eliminar y detectar cookies con javscript.
La etiqueta noscript
- 248
El desconocimiento hace que a menudo muchos usuarios decidan desactivar la opción de que nuestra navegador acepte y/o interprete este lenguaje de script. ¿Que podemos hacer para avisar a los usuarios ...
Ejercicio – Generación de un dado de 6 caras con javascript
- 81
Ejercicio con solución dónde se genera un dado de 6 caras y se tira el dado 1000 veces para comprobar cuantas veces ha salido cada tirada.
Tipos de variables en Javascript
- 683
En programación se dice que una variable es un recurso de memoria del ordenador reservado para alojar una información. En Javascript existen 5 tipos de variables: textos, números, booleanos, objetos y...
Eliminar el comportamiento por defecto de un elemento html
- 228
Explicamos como desactivar el comportamiento por defecto de un elemento HTML mediante el uso del método javacript preventDefault()
Francesc Ricart
hola@francescricart.com

Soy un ingeniero industrial a quién le apasiona aprender y enseñar. En el mundo del marketing online he encontrado una de mis pasiones. Ejerzo como docente ocupacional y privado para empresas. Y también hago consultoría web para PIMES, autónomos y otros emprendedores como yo. Ayudo a las empresas en cualquier temática relacionada con su presencia digital y herramientas web. Aunque mi especialidad es el posicionamiento en buscadores (SEO). A nivel de formación lo que más feliz me hace es que un alumno haga de mi pasión una forma de vida y le ayude a encontrar trabajo. A nivel de negocios ayudo a empresarios a desenvolverse con soltura en el mundo digital y les animo a hacer cada vez más cosas que nunca hubieran imaginado que ellos también podían hacer. En este camino les ayudo haciendo todo aquello dónde ellos no llegan y crecemos juntos. Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.