ubiquitour.com

Cómo encontrar las vocales de una cadena en JavaScript

Cómo encontrar las vocales de una cadena en JavaScript

Una de las características más poderosas de JavaScript es su capacidad para modificar formato y valores de la cadena de búsqueda. No sólo viene con una amplia variedad de funciones de cadena integradas como match(), search() replace() JavaScript, permite a los desarrolladores tomar ventaja de las expresiones regulares. Las expresiones regulares proporcionan un enfoque conciso y flexible al coincidir con expresiones de cadena para una variedad de propósitos. Expresiones regulares toman algún tiempo para aprender, pero son muy potentes y por lo general se implementan automáticamente en simples y complejos lenguajes de programación.

Instrucciones

1 Abra un editor de texto y cree un nuevo archivo llamado "findVowels.html". Los pasos típicos para crear un nuevo archivo en un editor de texto debe seleccionar "Nuevo" del menú "Archivo".

2 Agregar etiquetas HTML a findVowels.html que va a crear una página Web muy básica. Incluir las siguientes etiquetas: "< html >", "< head >", "< / cabeza >", "< body >", "< /body >" y "< / html >".

< html >cabeza de < >< / cabeza >< cuerpo >< / body >< / html >

3 Añadir una etiqueta HTML < input > a findVowels.html entre "< body >" en la página y las etiquetas "< /body >". Asignar el campo de entrada un valor de atributo de "tipo" "texto" y un valor del atributo "id" "vowelString".

< entrada tipo = "text" id = "vowelString" >

4 Añadir una etiqueta HTML < input > segundo a findVowels.html y colocar después el campo de entrada de vowelString. Asignar a este campo de entrada un valor de atributo "tipo" "enviar" y un "valor" atributo "encontrar vocales". Asignar el campo de entrada de un evento "onClick" y una acción que llama a una función llamada "findVowels()".

< tipo de entrada = 'Enviar' valor de = "Encontrar vocales" onClick="findVowels();" >

5 Añadir un delimitador de JavaScript "< script >" y una función llamada "findVowels" a findVowels.html. Coloque la función entre el "< head >" y las etiquetas HTML "< / cabeza >" e incluyen dos llaves después del nombre de función ("{}") para indicar donde se colocará el código de función. Cerrar el JavaScript etiqueta "< /script >".

< script tipo = "texto/javascript" >función findVowels() {}< /script >

6 Declarar una variable denominada "stringToStrip" y configure la variable con el valor de valor de la "vowelString" campo de entrada. Para recuperar el valor del campo de entrada de vowelString, utilice el método de "getElementById" de JavaScript. Lugar la declaración de variables entre las llaves de "findVowels".

var stringToStrip = document.getElementById("vowelString").value;

7 Declarar una segunda variable llamada "vowelOnlyString" y establezca el valor de la variable en el valor devuelto de una función "reemplazar". La función de reemplazar utiliza una expresión regular para buscar la cadena "stringToStrip" y reemplazar todos los caracteres no vocal con un valor en blanco.

var vowelOnlyString = stringToStrip.replace (/ [^ a, e, i, o, u, A, E, I, O, U] / g, '');

8 Utilice una caja de "alerta" JavaScript para mostrar el valor de la variable "vowelOnlyString". Este valor es las vocales que entran en el campo "vowelString". Guarde y cierre findVowels.html. Después de completar el paso 8, el código JavaScript aparecerá como se muestra a continuación.

< html >< head >< script tipo = "texto/javascript" >función findVowels() {}var stringToStrip = document.getElementById("vowelString").value;var vowelOnlyString = stringToStrip.replace (/ [^ a, e, i, o, u, A, E, I, O, U] / g, '');ALERT(vowelOnlyString);}< /script >< /HEAD >< cuerpo >< entrada tipo = "text" id = "vowelString" >< tipo de entrada = 'Enviar' valor de = "Encontrar vocales" onClick="findVowels();" >< /body >< / html >

9 Abra findVowels.html en un explorador web. Escriba algún texto en el campo de entrada "vowelString" que incluye las vocales. Haga clic en el botón "Encontrar vocales" y verificar que las vocales se encuentra en la alerta de la cadena a la Página Web.

Consejos y advertencias

  • JavaScript tiene una amplia variedad de funciones de cadena disponibles que puede utilizarse para dividir, empalme y cadenas de búsqueda.
  • Las expresiones regulares pueden tomar tiempo para aprender, pero son extremadamente potente y flexible.
  • Hay muchos programas disponibles que pueden utilizarse para probar expresiones regulares y plasmarlos en formatos de fácil lectura.
  • Tenga en cuenta que las vocales en idiomas distintos del inglés pueden ser utilizado de diferentes maneras y diferentes.