Come cercare una stringa usando il metodo Match in JavaScript?

JavaScript sta diventando uno dei linguaggi di programmazione ampiamente utilizzati nell'intero campo delle applicazioni Web di qualità AAA, e questo è dovuto alla sua disponibilità su quasi tutti i browser moderni. E il fatto che ci siano migliaia di framework scritti in JavaScript che consentono agli sviluppatori di tutto il mondo di sviluppare applicazioni Web di alto livello, Android e persino iOS supportate.

Le operazioni di stringa sono la base di molte applicazioni importanti e famose e quadri Web. Dal confronto delle password al controllo del nome utente corretto, dall'accettare un codice CAPTCHA alla conferma di un indirizzo email corretto. Tutto è fatto usando le operazioni di stringa. In JavaScript, ci sono molte operazioni di confronto delle stringhe disponibili, ma da tutte, il più intrigante è il .incontro() metodo.

Quello che faremo è coprire tutto sul .incontro() metodo e guarda un nuovo metodo simile anche a questo.

Definizione e utilizzo

IL .incontro() Il metodo è una funzione per tutte le versioni JS. Questo .incontro() confronta le stringhe con un'espressione regolare (Regex). O in altre parole, possiamo dire che è usato per cercare oggetti stringa con qualsiasi regex.

Se la partita viene trovata contro il regex, questo metodo restituisce un vettore di tutte le partite altro che ritorna NULLO.

Sintassi

corda.Match (regexp)

Parametri: Il parametro di questo metodo è un "regexp", il che significa un'espressione regolare da confrontare con la stringa data.

Valore di ritorno: Confronterà la stringa con il regex e restituirà un array di tutte le partite che può trovare. Altrimenti, tornerà nullo.

Esempio:

var string = "Hello World!";
console.registro (stringa.match (/ello/g));

Produzione:

Restituisce un array di tutte le partite di "Ello"Nella variabile stringa. Inoltre, "G" nel codice è un bandiera Ciò indica il metodo di cercare tutte le possibili corrispondenze nella stringa e di non fermarsi alla prima partita.

Cos'è un'espressione regolare:

Se vogliamo definire espressioni regolari nelle parole ufficiali di MDN, sarebbe:

" I modelli usati per abbinare le combinazioni di caratteri nella stringaS".

I modelli possono includere non solo caratteri alfanumerici ma personaggi speciali, diverse gamme di gruppi e persino caratteri speciali.

Bene, per concludere definendo cos'è un regex, possiamo dire che a livello molto semplice, si tratta di trovare uno schema in una determinata stringa. L'uso di questo regex può essere trovato quando vogliamo trovare un carattere specifico da una stringa, o anche quando vogliamo verificare che il formato di e-mail inserito durante la compilazione di un modulo di accesso sia un indirizzo e-mail reale con "@" E ".com "alla sua fine.

Diverse modalità di corrispondenza (flag)

Il primo è (come mostrato nell'esempio sopra) usando una flag globale "G", che restituisce una matrice di oggetti stringa.

Codice:

var string = "Hello World!! Ciao!";
console.registro (stringa.match (/ello/g));

Produzione:

Il prossimo esempio è senza l'uso di una bandiera globale:

Codice

var string = "Hello World!! Ciao!";
console.registro (stringa.match (/ello/));

Produzione

Anche se ci sono due stringhe corrispondenti contro l'espressione regolare "/ello/", il .incontro() Il metodo si ferma solo alla prima partita.

Il prossimo sta usando la flag di insensibilità al caso "io". Questo flag ignora la sensibilità del caso della stringa e cerca di trovare la corrispondenza considerando l'intera stringa e il regex nel minuscolo.

var string = "Hello World!! CIAO! CIAO";
console.registro (stringa.match (/ello/gi));

Produzione

Nell'array che viene restituito dal .incontro() metodo. Possiamo vedere che contiene sia stringhe minuscole che quella che corrispondevano al regex.

IL .Metodo Matchall ()

Abbiamo imparato a fondo il .incontro(), E sappiamo che il mondo si evolve costantemente in ogni campo, vale la pena sottolineare che il .matchall () è stato anche aggiunto nella versione più recente di JavaScript.

IL .matchall () Utilizza la bandiera "G", che ormai hai familiarità con (la bandiera globale), e restituisce un iteratore o un array vuoto:

Esempio

let regex = /s (h) (ow (\ d?))/G;
let string = "show1Show2Show3";
Let Array = [... String.matchall (regex)];
per (let i = 0; i console.log (array [i]);

Nota: Abbiamo usato un ciclo per stampare tutti gli elementi presenti nella variabile dell'array.

Produzione:

Bene, il motivo principale per usare il .matchall () Il metodo può essere facilmente visto. Possiamo vedere questo dall'output che deve essere utilizzato per il miglioramento dell'accesso ai gruppi di acquisizione

Conclusione

Dopo questo tutorial, probabilmente ora hai familiarità con il funzionamento del .incontro() metodo, insieme a una comprensione di base di espressione regolare e hai anche appreso il metodo appena aggiunto che è il .matchall () metodo.

Ciò significa che ora hai una comprensione di base delle stringhe corrispondenti con Regex usando le funzioni Javascript in build. Questi erano sicuramente esempi piuttosto semplici e semplici, ma hanno comunque mostrato lo scopo e il funzionamento dei metodi.