10 metodi di stringhe JavaScript che dovresti padroneggiare oggi

Durante la programmazione in JavaScript, ti imbatterai spesso in scenari che richiedono la manipolazione delle stringhe. Ad esempio, durante il recupero di un'e-mail, potrebbe essere necessario convertire tutti i caratteri in minuscolo o utilizzare un'espressione regolare per verificare se la password inserita soddisfa tutte le condizioni.

I metodi di stringa JavaScript ti aiuteranno a eseguire tutte queste operazioni su una stringa secondo le tue esigenze con facilità. Ecco 10 metodi di stringa con esempi per aiutarti a comprenderli bene.

Cosa sono i metodi stringa JavaScript?

Le stringhe sono una struttura dati fondamentale costituita da una sequenza di caratteri. Questa struttura dati fa parte di tutti i principali linguaggi di programmazione, inclusi Python, JavaScript, Java e altri.

I metodi stringa sono i metodi JavaScript predefiniti che aiutano gli sviluppatori a eseguire operazioni comuni sulle stringhe senza dover scrivere il codice manualmente. Vengono eseguiti utilizzando la notazione a punti allegata alla variabile stringa.

Relazionato: Che cos'è una funzione nella programmazione?

Poiché sono solo funzioni JavaScript, terminano sempre con parentesi che possono contenere argomenti opzionali. È fondamentale saperlo cos'è JavaScript e come funziona prima di procedere oltre. Iniziamo e impariamo questi metodi in modo più dettagliato.

Per i prossimi metodi, prendiamo una variabile stringa str con il valore di "Benvenuto in MUO!" come esempio.

let str = "Benvenuto a MUO!"

1. String.toLowerCase() e String.toUppperCase()

Il in minuscolo() string converte tutti i caratteri della stringa data nel formato minuscolo e, allo stesso modo, il in maiuscolo() Il metodo converte tutti i caratteri nel formato maiuscolo. Queste funzioni non modificano la stringa originale.

Sintassi:

in maiuscolo()
in minuscolo()

Diamo un'occhiata a questi due metodi con un rapido esempio:

console.log (str.toLowerCase());
console.log (str.toUpperCase());
console.log (str);

Eseguendo il codice sopra sulla console, riceverai il seguente output:

"benvenuto a muo!"
"BENVENUTO A MUO!"
"Benvenuto a MUO!"

2. String.concat()

Il concat() viene utilizzato per unire due o più stringhe insieme. Puoi aggiungere uno o più argomenti a questo metodo per concatenarli in un'unica stringa. Non apporta alcuna modifica alla stringa originale.

Sintassi:

concat (str1, str2, str3, ...)

Ecco un esempio che mostra la concatenazione di due stringhe per formare una nuova stringa:

let str2 = "Come stai?";
let newString = str.concat (str2);
console.log (newString);

"Benvenuto al MUO! Come stai?"

3. String.indexOf() e String.lastIndexOf()

Il indice di() Il metodo ti aiuta a scoprire il primo indice in cui è presente il carattere o la sottostringa specificati. Inizia dal lato sinistro e traccia la stringa per verificare se l'argomento specificato corrisponde.

Sintassi:

indexOf (str)

Scopriamo l'indice al quale MUO è presente nella stringa con un esempio:

console.log (str.indexOf('MUO'));

11

Se l'argomento dato non è presente nella stringa, il metodo restituisce un valore di -1.

console.log (str.indexOf('Ciao'));

-1

Allo stesso modo, il lastIndexOf() Il metodo restituisce l'indice dell'ultima occorrenza del carattere o della stringa specificati. Ecco un esempio:

console.log (str.lastIndexOf('e'));

6

Anche se l'alfabeto e appare all'indice 1, l'ultima occorrenza di questo carattere è all'indice 6 e quindi viene restituito come output.

4. String.charAt()

Il carattere() string restituisce il carattere in corrispondenza dell'indice specificato nella stringa. Accetta un solo argomento, l'indice in corrispondenza del quale deve essere recuperato il carattere. Il valore dell'indice varia da 0 a lunghezza - 1.

Sintassi:

charAt (indice)

Ecco un esempio di carattere() metodo:

console.log (str.charAt (9));
console.log (str.charAt (0));
console.log (str.charAt (str.length - 1));

o
W
!

Nell'esempio sopra, quando str.lunghezza- 1 è stato passato come argomento, il metodo restituisce l'ultimo carattere della stringa. Se si immette un indice non valido oltre l'intervallo consentito, questo metodo restituisce -1.

5. String.charCodeAt()

Simile al metodo charAt, il charCodeAt() il metodo restituisce il Valore ASCII del carattere all'indice specificato. Questo metodo stringa accetta un solo argomento, l'indice da cui deve essere recuperato il carattere.

Sintassi:

charCodeAt (indice)

str.charCodeAt (5);
str.charCodeAt (str.length - 1);

109
33

Ancora una volta, il valore dell'indice varia da 0 a lunghezza - 1 e se provi a superare un indice oltre il limite consentito, questo metodo restituirà -1.

6. String.sostituisci()

Come suggerisce il nome, il sostituire() Il metodo ti aiuta a sostituire una parte della stringa con un'altra parte. Questo metodo accetta due argomenti: il primo è la sottostringa da sostituire e il secondo è la sottostringa con cui sostituire. Questo metodo non apporta alcuna modifica alla stringa originale.

Sintassi:

sostituire (str1, str2)

Ad esempio, se vuoi sostituire la parola MUO con questo sito web nella variabile stringa, puoi usare il sostituire() metodo come questo:

let newString = str.replace("MUO", "questo sito");
console.log (newString);
console.log (str);

Benvenuto in questo sito web!
Benvenuto in MUO!

7. String.split()

Il Diviso() Il metodo viene utilizzato per scomporre tutte le parole o i caratteri in una stringa secondo l'argomento separatore passato al metodo. Il tipo restituito di questo metodo è un array. Questo array è costituito da tutti i caratteri o sottostringhe, suddivisi in base al separatore specificato. Questo metodo non modifica la stringa originale.

Sintassi:

dividere (separatore)

Ad esempio, se uno spazio vuoto (" ") viene passato come argomento separatore al metodo split, questo è l'aspetto dell'output:

let splitArray = str.split(" ");
console.log (splitArray);

['Benvenuto', 'a', 'MUO!']

Se non passi un argomento al Diviso() metodo, restituirà un array con un singolo elemento costituito dal valore della variabile stringa.

let splitArray = str.split();
console.log (splitArray);

['Benvenuto a MUO!']

8. String.sottostringa()

Il sottostringa() viene utilizzato per ottenere una sottostringa o parte della stringa originale. Questo metodo accetta due parametri: l'indice iniziale e l'indice finale. La sottostringa di output inizia dall'indice iniziale specificato e stampa fino all'indice finale - 1.

Sintassi:

sottostringa (startIndex, endIndex)

Ecco un rapido esempio di sottostringa() metodo:

console.log (str.substring (2,8));

"arrivato"

Si noti che il carattere all'indice finale non fa parte dell'output.

9. String.search()

Il ricerca() Il metodo aiuta a trovare una particolare sottostringa o carattere all'interno della stringa originale. Questo metodo accetta un gruppo di caratteri o una sottostringa come argomento e traccia la stringa. Dopo aver trovato una corrispondenza, viene restituito l'indice iniziale della parte corrispondente. In caso contrario, questo metodo restituisce -1.

Sintassi:

ricerca (sottostringa)

Puoi utilizzare il ricerca() metodo in questo modo:

console.log (str.search("MUO"));
console.log (str.search("2"));

11
-1

10. Stringa.trim()

Il taglia() Il metodo rimuove tutti gli spazi bianchi nella stringa, prima del primo carattere e dopo l'ultimo carattere. Questo metodo non richiede il passaggio di alcun parametro e non modifica la stringa originale. È estremamente utile per la convalida dell'input dell'utente nei moduli.

Sintassi:

taglia()

Facciamo un nuovo esempio per esplorare questo metodo di stringa:

let untrimmedString = " Benvenuto in MUO! ";
let trimmedString = untrimmedString.trim();
console.log (trimmedString);
console.log (untrimmedString);

"Benvenuto a MUO!"
"Benvenuti al MUO! "

Altri metodi JavaScript da verificare

Quindi questa è stata una rapida carrellata di alcuni metodi comuni di stringhe che possono aiutarti a essere più produttivo come sviluppatore JavaScript. Questi metodi ti aiuteranno anche a superare le tue interviste di codifica per domande relative alle stringhe. La pratica rende perfetti, quindi vai avanti e prova questi metodi nella tua console.

Una volta che avrai approfondito i metodi stringa, potrebbe valere la pena dare un'occhiata ad alcuni metodi array che possono migliorare ulteriormente la tua padronanza di JavaScript.

15 metodi di array JavaScript che dovresti padroneggiare oggi

Vuoi capire gli array JavaScript ma non riesci a fare i conti con loro? Controlla i nostri esempi di array JavaScript per assistenza.

Leggi Avanti

Circa l'autore