Nwlapcug.com


Come trovare le vocali in una stringa in JavaScript

Come trovare le vocali in una stringa in JavaScript


Una delle caratteristiche più potenti di JavaScript è la sua capacità di modificare e formattare i valori stringa di ricerca. Non solo JavaScript sono dotati di una vasta gamma di funzioni di stringa incorporato come confronta (), Search () e Replace (), consente agli sviluppatori di sfruttare le espressioni regolari. Le espressioni regolari forniscono un approccio flessibile e conciso quando corrispondenti espressioni stringa per una varietà di scopi. Espressioni regolari prendere del tempo per imparare, ma sono molto potenti e in genere vengono implementate automaticamente sia semplici che complessi linguaggi di programmazione.

Istruzioni

1

Aprire un editor di testo e creare un nuovo file denominato "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 al findVowels.html che verrà creata una pagina Web molto semplice. Includere i seguenti tag: "< html >", "< head >", "< / head >", "< body >", "< / body >" e "< / html >".

< html >
< testa >< / testa >
< corpo >< / corpo >
< / html >

3

Aggiungi un tag HTML < input > findVowels.html tra la pagina "< body >" e "< / body >" tag. Assegnare il campo di input in un valore di attributo "tipo" "testo" e un valore di attributo "id" "vowelString".

< input type = "testo" id = "vowelString" >

4

Aggiungi un tag HTML < input > secondo findVowels.html e posizionarlo dopo il campo di input vowelString. Assegnare questo campo un valore di attributo "type" "submit" e un "valore" attributo "trovare le vocali". Assegnare il campo di input in un evento "onClick" e un'azione che chiama una funzione denominata "findVowels()".

< input type = "submit" value = "Trovare vocali" onClick="findVowels();" >

5

Aggiungere un delimitatore di JavaScript "< script >" e una funzione denominata "findVowels" a findVowels.html. Inserire la funzione tra la "< head >" e i tag HTML "< / head >" 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" >
Function findVowels() {}
< / script >

6

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

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

7

Dichiarare una variabile seconda denominato "vowelOnlyString" e impostarla il valore della variabile uguale al valore restituito di una funzione di "sostituire" di JavaScript. La funzione replace utilizza 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 casella di "avviso" di JavaScript per visualizzare il valore della variabile "vowelOnlyString". Questo valore è le vocali che vengono immessi nel campo di input "vowelString". Salvare e chiudere findVowels.html. Dopo aver completato il passaggio 8, il codice JavaScript apparirà come mostrato di seguito.

< html >
< head >
< script type = "text/javascript" >
Function 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 >
< corpo >
< input type = "testo" id = "vowelString" >
< input type = "submit" value = "Trovare vocali" onClick="findVowels();" >
< / body >
< / html >

9

FindVowels.html aperto in un browser web. Immettere del testo nel campo di input "vowelString" che include le vocali. Fare clic sul pulsante "Trova le vocali" e verificare che le vocali si trovano nell'avviso stringa alla pagina Web.

Consigli & Avvertenze

  • JavaScript ha una grande varietà di funzioni di stringa che può essere utilizzato per dividere, unire e le stringhe di ricerca.
  • Le espressioni regolari possono prendere tempo per imparare, ma sono estremamente potenti e flessibili.
  • Ci sono molti programmi disponibili che possono essere utilizzati per testare le espressioni regolari e tradurli in formati di più facile lettura.
  • Tenete a mente che le vocali in lingue diverse dall'inglese possono essere usato in modi diversi e differenti.