Home-theater-designers
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.
Imparentato: Che cos'è una funzione nella programmazione?
Schermata blu hardware difettoso pagina danneggiata
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 P con il valore di ' Benvenuto in MUO! ' come esempio.
let str = 'Welcome to 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:
toUpperCase()
toLowerCase()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:
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to 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 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'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 a cui MUO è presente nella stringa con un esempio:
console.log(str.indexOf('MUO')); 11Se l'argomento dato non è presente nella stringa, il metodo restituisce un valore di -1.
console.log(str.indexOf('Hello')); -1Allo 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')); 6Anche 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(index)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(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33Ancora 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:
replace(str1, str2)Ad esempio, se vuoi sostituire la parola MUO insieme a questo sito web nella variabile stringa, puoi usare il sostituire() metodo come questo:
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to 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:
split(separator)Ad esempio, se uno spazio vuoto (' ') viene passato come argomento separatore al metodo split, questo è l'aspetto che avrà l'output:
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', '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); ['Welcome to MUO!']8. Stringa.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:
substring(startIndex, endIndex)Ecco un rapido esempio di sottostringa() metodo:
console.log(str.substring(2,8)); 'lcome'Si noti che il carattere all'indice finale non fa parte dell'output.
9. Ricerca.stringa ()
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:
search(substring)Puoi utilizzare il ricerca() metodo in questo modo:
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. Stringa.trim()
Il ordinare() 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:
trim()Facciamo un nuovo esempio per esplorare questo metodo di stringa:
cos'è un tbh su instagram
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'Altri metodi JavaScript da verificare
Quindi questa è stata una rapida carrellata di alcuni metodi di stringa comuni 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.
Condividere Condividere Tweet E-mail 15 metodi di array JavaScript che dovresti padroneggiare oggiVuoi capire gli array JavaScript ma non riesci a conoscerli? Controlla i nostri esempi di array JavaScript per assistenza.
Leggi Avanti Argomenti correlati- Programmazione
- JavaScript
- Suggerimenti per la codifica
Nitin è un appassionato sviluppatore di software e uno studente di ingegneria informatica che sviluppa applicazioni web utilizzando le tecnologie JavaScript. Lavora come sviluppatore web freelance e gli piace scrivere per Linux e Programmazione nel suo tempo libero.
Altro da Nitin RanganathIscriviti alla nostra Newsletter
Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!
Clicca qui per iscriverti