Esercitazione JS

JS CASA JS Introduzione JS Dove si va Uscita JS Dichiarazioni JS Sintassi JS Commenti JS Variabili JS JS Let JS Cost Operatori JS JS aritmetica Assegnazione JS Tipi di dati JS Funzioni JS Oggetti JS Eventi JS Corde JS Metodi di stringa JS Ricerca di stringhe JS Modelli di stringhe JS Numeri JS Metodi numerici JS Matrici JS Metodi array JS Ordinamento matrice JS Iterazione dell'array JS Cost. array JS Date JS Formati data JS Metodi di acquisizione della data JS Metodi di impostazione della data JS JS matematica JS Casuale JS booleani Confronti JS Condizioni JS JS Switch Ciclo JS per JS Loop per In Ciclo JS per di JS Loop mentre JS Break Iterabili JS Insiemi JS Mappe JS Tipo JS Conversione del tipo JS JS bit a bit JS RegExp Errori JS Ambito JS JS sollevamento Modalità rigorosa JS JS questa parola chiave Funzione freccia JS Classi JS JS JSON Debug JS Guida allo stile JS Migliori Pratiche JS Errori di JS Prestazioni JS Parole riservate JS

Versioni JS

Versioni JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Storia di JS

Oggetti JS

Definizioni di oggetti Proprietà dell'oggetto Metodi dell'oggetto Visualizzazione di oggetti Accessori per oggetti Costruttori di oggetti Prototipi di oggetti Iterabili di oggetti Insiemi di oggetti Mappe degli oggetti Riferimento all'oggetto

Funzioni JS

Definizioni delle funzioni Parametri di funzione Invocazione di funzione Chiamata di funzione Funzione Applica Chiusure di funzioni

Classi JS

Introduzione alla classe Eredità di classe Classe statica

JS Async

Richiamate JS JS asincrono JS Promesse JS Async/Attendere

JS HTML DOM

DOM Introduzione Metodi DOM Documento DOM Elementi DOM DOM HTML Moduli DOM DOM CSS Animazioni DOM Eventi DOM Ascoltatore di eventi DOM Navigazione DOM Nodi DOM Collezioni DOM Elenchi di nodi DOM

Distinta base del browser JS

Finestra JS Schermo JS Posizione JS Storia di JS Navigatore JS Avviso popup JS JS tempismo Biscotti JS

API Web JS

Introduzione all'API Web API dei moduli Web API Cronologia web API di archiviazione Web API Web Worker API di recupero Web API di geolocalizzazione web

JS AJAX

Introduzione all'Ajax AJAX XMLHttp Richiesta AJAX Risposta dell'AJAX File XML AJAX AJAX PHP AJAX ASP Database AJAX Applicazioni AJAX Esempi AJAX

JS JSON

Introduzione JSON Sintassi JSON JSON contro XML Tipi di dati JSON Analisi JSON JSON Stringify Oggetti JSON Matrici JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Selettori jQuery jQuery HTML jQuery CSS jQuery DOM

Grafica JS

Grafica JS Tela JS JS Plotly JS Chart.js Grafico di Google JS JS D3.js

Esempi JS

Esempi JS JS HTML DOM Input HTML JS Oggetti HTML JS Eventi HTML JS Browser JS Editore JS Esercizi JS Quiz J.S Certificato JS

Riferimenti JS

Oggetti JavaScript Oggetti HTML DOM


Espressioni regolari JavaScript


Un'espressione regolare è una sequenza di caratteri che forma un modello di ricerca.

Il modello di ricerca può essere utilizzato per la ricerca di testo e le operazioni di sostituzione del testo.


Che cos'è un'espressione regolare?

Un'espressione regolare è una sequenza di caratteri che forma un modello di ricerca .

Quando cerchi dati in un testo, puoi utilizzare questo modello di ricerca per descrivere ciò che stai cercando.

Un'espressione regolare può essere un singolo carattere o un modello più complicato.

Le espressioni regolari possono essere utilizzate per eseguire tutti i tipi di operazioni di ricerca e sostituzione di testo .

Sintassi

/pattern/modifiers;

Esempio

/w3schools/i;

Esempio spiegato:

/w3schools/i   è un'espressione regolare.

w3schools   è un pattern (da usare in una ricerca).

i   è un modificatore (modifica la ricerca in modo che non faccia distinzione tra maiuscole e minuscole).


Utilizzo di metodi di stringa

In JavaScript, le espressioni regolari vengono spesso utilizzate con i due metodi di stringa : search()e replace().

Il search()metodo utilizza un'espressione per cercare una corrispondenza e restituisce la posizione della corrispondenza.

Il replace()metodo restituisce una stringa modificata in cui viene sostituito il modello.


Utilizzo di String search() con una stringa

Il search()metodo cerca in una stringa un valore specificato e restituisce la posizione della corrispondenza:

Esempio

Usa una stringa per cercare "W3schools" in una stringa:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

Il risultato in n sarà:

6


Utilizzo di String search() con un'espressione regolare

Esempio

Utilizzare un'espressione regolare per eseguire una ricerca senza distinzione tra maiuscole e minuscole per "w3schools" in una stringa:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

Il risultato in n sarà:

6



Utilizzo di String replace() con una stringa

Il replace()metodo sostituisce un valore specificato con un altro valore in una stringa:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

Usa String replace() con un'espressione regolare

Esempio

Utilizzare un'espressione regolare senza distinzione tra maiuscole e minuscole per sostituire Microsoft con W3Schools in una stringa:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

Il risultato in ris sarà:

Visit W3Schools!

Hai notato?

Gli argomenti dell'espressione regolare (invece degli argomenti stringa) possono essere utilizzati nei metodi precedenti.
Le espressioni regolari possono rendere la tua ricerca molto più potente (senza distinzione tra maiuscole e minuscole, ad esempio).


Modificatori di espressioni regolari

I modificatori possono essere utilizzati per eseguire ricerche più globali senza distinzione tra maiuscole e minuscole:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

Modelli di espressioni regolari

Le parentesi vengono utilizzate per trovare un intervallo di caratteri:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

I metacaratteri sono caratteri con un significato speciale:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

I quantificatori definiscono le quantità:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

Utilizzando l'oggetto RegExp

In JavaScript, l'oggetto RegExp è un oggetto di espressione regolare con proprietà e metodi predefiniti.


Usando test()

Il test()metodo è un metodo di espressione RegExp.

Cerca in una stringa un pattern e restituisce true o false, a seconda del risultato.

L'esempio seguente cerca in una stringa il carattere "e":

Esempio

const pattern = /e/;
pattern.test("The best things in life are free!");

Poiché nella stringa è presente una "e", l'output del codice sopra sarà:

true

Non è necessario inserire prima l'espressione regolare in una variabile. Le due righe sopra possono essere abbreviate in una:

/e/.test("The best things in life are free!");

Usando exec()

Il exec()metodo è un metodo di espressione RegExp.

Cerca in una stringa un modello specificato e restituisce il testo trovato come oggetto.

Se non viene trovata alcuna corrispondenza, restituisce un oggetto vuoto (null) .

L'esempio seguente cerca in una stringa il carattere "e":

Esempio

/e/.exec("The best things in life are free!");

Riferimento RegExp completo

Per un riferimento completo, vai al nostro Riferimento completo JavaScript RegExp .

Il riferimento contiene descrizioni ed esempi di tutte le proprietà e i metodi RegExp.