Home>Guide>Come usare le regex in JavaScript

Come usare le regex in JavaScript



Hai mai sentito parlare delle espressioni regolari? Credo di si, esse sono presenti nella maggior parte dei linguaggi di programmazione e sono molto utili nelle operazioni di ricerca e nella sostituzione su stringhe di testo.
Anche JavaScript fa uso delle espressioni regolari ed in questo articolo vedremo insieme come utilizzarle.

  • Leggi l'articolo, ti bastano solo 1 minuto, 12 secondi
    Sei di fretta? Scarica il PDF e consultalo quando vuoi!

Cosa sono le espressioni regolari

Le espressioni regolari (in inglese “regular expressions” o semplicemente “regex”) sono una sintassi utilizzata per definire un insieme di stringhe o di caratteri. Queste espressioni possono essere utilizzate per effettuare ricerche, sostituzioni, estrazioni, nonché per la convalida e l’analisi dell’input e altre operazioni su un testo.

Le espressioni regolari sono definite utilizzando una sintassi specifica e in genere sono racchiuse tra barre (/) in JavaScript.

Le espressioni regolari sono composte da caratteri normali e speciali, chiamati metacaratteri. I caratteri normali rappresentano se stessi, mentre i metacaratteri hanno un significato speciale.

In JavaScript, possono essere utilizzate in diversi modi, tra cui con i metodi match(), replace() e search() delle stringhe.


I metacaratteri

Come anticipato, gli elementi costitutivi di base delle espressioni regolari sono i metacaratteri, ovvero caratteri che hanno un significato speciale nel contesto di un’espressione regolare. Alcuni metacaratteri comuni includono:

  • . – Corrisponde a qualsiasi singolo carattere, ad eccezione di una nuova riga.
  • * – Corrisponde al carattere o al gruppo precedente zero o più volte.
  • + – Corrisponde al carattere o al gruppo precedente una o più volte.
  • ? – Corrisponde al carattere o al gruppo precedente zero o una volta.
  • [] – Corrisponde a qualsiasi carattere all’interno delle parentesi quadre.
  • ^ – Corrisponde all’inizio di una stringa.
  • $ – Corrisponde alla fine di una stringa.

Ad esempio, l’espressione regolare /a.b/ corrisponderà a qualsiasi stringa che contiene una ‘a’ seguita da un singolo carattere, seguito da una ‘b’.
Quindi corrisponderà a “abc” ma non a “ab” o “acb”.


Il metodo mark()

Iniziamo con il metodo match().
Questo metodo cerca di trovare una corrispondenza tra un’espressione regolare e una stringa, e restituisce un array contenente tutte le occorrenze trovate.

Ad esempio, se vogliamo trovare tutte le occorrenze di una parola in una stringa, possiamo utilizzare il seguente codice:

let testo = "Questa è una stringa di esempio che contiene la parola 'esempio' più volte";
let risultato = testo.match( /esempio/g );
console.log(risultato); // Risultato: ["esempio", "esempio"]

Il metodo replace()

Il metodo replace(), come suggerisce il nome, consente di sostituire una porzione di testo con un’altra.
In questo caso, si passa un’espressione regolare come primo parametro e la stringa di sostituzione come secondo parametro.

Ad esempio:

let testo = "Questa è una stringa di esempio";
let nuovotesto = testo.replace( /esempio/g, "esempio modificato" );
console.log(nuovotesto); // Risultato: "Questa è una stringa di esempio modificato"

Il metodo search()

Infine, il metodo search() consente di trovare la prima occorrenza di una corrispondenza tra un’espressione regolare e una stringa, restituendo l’indice della posizione della prima occorrenza trovata.

Ad esempio:

let testo = "Questa è una stringa di esempio";
let risultato = testo.search( /esempio/ );
console.log(risultato); // Risultato: 22

Conclusione

Esistono molte altre funzionalità che puoi utilizzare per creare espressioni regolari più complesse. All’inizio può essere difficile comprendere ed imparare le espressioni regolari, ma sono strumenti molto potenti e flessibili una volta che ne hai preso confidenza.

Ti suggerisco, se vuoi apprfondire l’argomento, davvero molto vasto e specifico, di dare un’occhiata alla documentazione ufficiale.




Ti è piaciuto questo articolo? Regalami un click per ripagarmi dello sforzo



Code4Life ti è stato utile? Sostienici con una donazione!

Dona con PayPal

Hai trovato interessante l’articolo? Allora ti consiglio di leggere:

Come fare una richiesta HTTP in JavaScript


Impariamo ad effettuare chiamate HTTP in JavaScript, da utilizzare ad esempio per far comunicare il tuo sito web con API fornite da servizi esterni.

Sicurezza PHP: proteggi il tuo sito dagli attacchi SQL Injection e XSS


Vuoi imparare a proteggere il tuo sito web da attacchi SQL Injection e XSS in PHP? Scopri come fare utilizzando le funzioni di sicurezza integrate e testando il tuo codice.

Oppure cerca tra gli articoli correlati


E tu cosa ne pensi? Condividi la tua opinione e discutiamone insieme
La tua email non sarà resa pubblico o utilizzata per inviarti spam, te lo prometto

Iscrivimi alla newsletter per ricevere news ed aggiornamenti
Utilizziamo piattaforme di terze parti per l’invio di newsletter. (Informativa sulla privacy)
Tienimi aggiornato su questo articolo
Ricevi una email di notifica quando qualcuno scriverà un commento a questo articolo. (Informativa sulla privacy)
Ricorda i miei dati per la prossima volta che scriverò un commento
Il tuo nome e la tua email verranno salvati in un cookie in questo browser. (Informativa sulla privacy)