Tecnología

Inicio

¿Cómo encontrar vocales en una cadena en JavaScript

¿Cómo encontrar vocales en una cadena en JavaScript


Una de las características más potentes de JavaScript es su capacidad para modificar, dar formato y buscar valores de cadena. No sólo viene de JavaScript con una amplia variedad de funciones de cadenas incorporadas, tales como fósforo (), search () y cambiar (), que permite a los desarrolladores tomar ventaja de las expresiones regulares. Las expresiones regulares proporcionan un enfoque conciso y flexible a la coincidencia de expresiones de cadena para una variedad de propósitos. Las expresiones regulares toman algún tiempo para aprender, pero son muy poderosos y por lo general se implementan automáticamente en ambos lenguajes de programación simples y complejos.

Instrucciones

1 Abra un editor de texto y crear un nuevo archivo llamado "findVowels.html". Los pasos comunes para crear un nuevo archivo en un editor de texto es seleccionar "Nuevo" del menú "Archivo".

2 Añadir etiquetas HTML a findVowels.html que va a crear una página web muy básico. Incluir las siguientes etiquetas: "<html>", "<head>", "</ head>", "<body>", "</ body>" y "</ html>".

<Html>
<Head> </ head>
<Body> </ body>
</ Html>

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

<Input type = "text" id = "vowelString">

4 Añadir una segunda HTML <input> de findVowels.html y colocarlo después de que el campo de entrada vowelString. Asignar este campo de entrada un valor de atributo "tipo" "submit" y un "valor" atributo "Encuentra vocales". Asignar el campo de entrada de un evento "onclick" y una acción que llama a una función llamada "findVowels ()".

<Input type = "submit" value = "Encuentra Vocales" onclick = "findVowels ();">

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

<Script type = "text / javascript">
findVowels function () {}
</ Script>

6 Declarar una variable llamada "stringToStrip" y establecer la variable al valor del valor del campo de entrada "vowelString". Para recuperar el valor del campo de entrada vowelString, utilice el método JavaScript "getElemenById". Coloque la declaración de variables entre los "" findVowels llaves.

. Var stringToStrip = document.getElementById ( "vowelString") de valor;

7 Declarar una segunda variable llamada "vowelOnlyString" y establecer el valor de la variable igual al valor de retorno de una función JavaScript "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 Use una caja JavaScript "alerta" para visualizar el valor de la "vowelOnlyString" variable. Este valor es las vocales que se introducen en el campo de entrada "vowelString". Guarde y cierre findVowels.html. Después de completar el paso 8, aparecerá el código JavaScript, como se muestra a continuación.

<Html>
<Head>
<Script type = "text / javascript">
findVowels function () {
. Var stringToStrip = document.getElementById ( "vowelString") de valor;
var = vowelOnlyString stringToStrip.replace (/ [^ a, e, i, o, u, A, E, I, O, U] / g, '');
alerta (vowelOnlyString);
}
</ Script>
</ Head>
<Body>
<Input type = "text" id = "vowelString">
<Input type = "submit" value = "Encuentra Vocales" onclick = "findVowels ();">
</ Body>
</ Html>

9 findVowels.html abierta en un navegador web. Introduzca algún texto en el campo de entrada "vowelString" que incluye las vocales. Haga clic en el botón "Buscar Las vocales" y verifique que las vocales situadas en la cadena de alerta a la página Web.

Consejos y advertencias

  • JavaScript tiene una amplia variedad de funciones de cadena disponibles que se pueden utilizar para dividir, de empalme y las cadenas de búsqueda.
  • Las expresiones regulares se toman el tiempo para aprender, pero son extremadamente potente y flexible.
  • Hay muchos programas disponibles que se pueden utilizar para probar expresiones regulares y traducirlos en formatos más fáciles de leer.
  • Tenga en cuenta que las vocales en idiomas distintos del Inglés puede ser diferente y utiliza de diferentes maneras.