Come trovare vocali in una stringa in JavaScript

November 24

Come trovare vocali in una stringa in JavaScript


Una delle caratteristiche più potenti di JavaScript è la sua capacità di modificare, il formato, e cercare i valori di stringa. Non solo venire JavaScript con una vasta gamma di funzioni di stringa integrate quali match (), search () e sostituire (), che consente agli sviluppatori di sfruttare le espressioni regolari. Le espressioni regolari forniscono un approccio conciso e flessibile quando corrispondenti espressioni di stringa per una varietà di scopi. Le espressioni regolari richiedere un certo tempo per imparare, ma sono molto potenti e sono tipicamente implementati automaticamente in entrambe le lingue di programmazione semplici e complessi.

istruzione

1 Aprire un editor di testo e creare un nuovo file chiamato "findVowels.html". La procedura tipica per la creazione di un nuovo file in un editor di testo è quello di selezionare "Nuovo" dal menu "File".

2 Aggiungere tag HTML per findVowels.html che creerà una pagina Web molto di base. Includere i seguenti tag: "<html>", "<head>", "</ head>", "<body>", "</ body>" e "</ html>".

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

3 Aggiungere un HTML <input> tag findVowels.html tra della pagina "<body>" e "</ body>" tag. Assegnare il campo di input un "tipo" valore di attributo "text" e un "id" valore di attributo "vowelString".

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

4 Aggiungere un secondo HTML <input> tag findVowels.html e posizionarlo dopo il campo di input vowelString. Assegnare questo campo di input un "tipo" valore di attributo "submit" e un "valore" attributo "Trova Vocali". Assegnare il campo di input un evento "onClick" e un'azione che chiama una funzione denominata "findVowels ()".

<Input type = "submit" value = "Trova Vocali" onclick = "findVowels ();">

5 Aggiungere un "<script>" delimitatore Javascript e una funzione denominata "findVowels" per findVowels.html. Posizionare la funzione tra il "<head>" e "</ head>" tag HTML e comprendono due parentesi graffe dopo il nome della funzione ( "{}") per indicare dove verrà posizionato il codice della funzione. Chiudere il JavaScript tag "</ script>".

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

6 Dichiarare una variabile denominata "stringToStrip" e impostare la variabile al valore del valore "vowelString" del campo di immissione. Per recuperare il valore del campo di input vowelString, utilizzare il metodo JavaScript "getElementById". Posizionare la dichiarazione della variabile tra i "findVowels" parentesi graffe.

. Var stringToStrip = document.getElementById ( "vowelString") del valore;

7 Dichiarare una seconda variabile chiamata "vowelOnlyString" e impostare il valore della variabile pari al valore di ritorno di una funzione JavaScript "sostituire". La funzione di sostituzione usa un'espressione regolare per cercare la stringa "stringToStrip" e sostituire tutti i caratteri non-vocale con un valore vuoto.

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

8 Utilizzare una scatola di "alert" JavaScript per visualizzare il valore della variabile "vowelOnlyString". Questo valore è le vocali che vengono immesse nel campo di immissione "vowelString". Salvare e chiudere findVowels.html. Dopo aver completato la Fase 8, apparirà il codice JavaScript come illustrato di seguito.

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

9 Aprire findVowels.html in un browser web. Immettere del testo nel campo di input "vowelString", che comprende le vocali. Fare clic sul pulsante "Trova Vocali" e verificare che le vocali situate nella stringa di avviso alla pagina Web.

Consigli e avvertenze

  • JavaScript ha una vasta gamma di funzioni di stringa disponibili che possono essere utilizzati per dividere, di giunzione e stringhe di ricerca.
  • Le espressioni regolari possono prendere tempo per imparare, ma sono estremamente potente e flessibile.
  • Ci sono molti programmi disponibili che possono essere utilizzati per testare le espressioni regolari e tradurli in formati più facile da leggere.
  • Tenete a mente che le vocali in lingue diverse dall'inglese può essere diverso e utilizzato in modi diversi.

Articoli Correlati