10 metode de șir JavaScript pe care ar trebui să le stăpânești astăzi

În timp ce programați în JavaScript, veți întâlni adesea scenarii care necesită manipularea șirurilor. De exemplu, în timp ce preluați un e-mail, poate fi necesar să convertiți toate caracterele în minuscule sau să utilizați o expresie regulată pentru a verifica dacă parola introdusă îndeplinește toate condițiile.

Metodele de șir JavaScript vă vor ajuta să efectuați toate aceste operații pe un șir conform cerințelor dvs. cu ușurință. Iată 10 metode de șir cu exemple pentru a vă ajuta să înțelegeți bine.

Ce sunt metodele șirului JavaScript?

Șirurile sunt o structură fundamentală de date care constă dintr-o succesiune de caractere. Această structură de date face parte din toate limbajele de programare majore, inclusiv Python, JavaScript, Java și multe altele.

Metodele șirului sunt metodele JavaScript preconstruite care ajută dezvoltatorii să efectueze operațiuni obișnuite pe șiruri fără a fi nevoie să scrieți manual codul. Acestea sunt rulate folosind notația punct atașată variabilei șir.

Legate de: Ce este o funcție în programare?

Deoarece sunt doar funcții JavaScript, ele se încheie întotdeauna cu paranteză care poate conține argumente opționale. Este esențial să știi ce este JavaScript și cum funcționează înainte de a continua mai departe. Să începem și să învățăm aceste metode mai detaliat.

Pentru metodele viitoare, să luăm o variabilă șir str cu valoarea „Bine ați venit la MUO!" ca exemplu.

let str = "Bun venit la MUO!"

1. String.toLowerCase () și String.toUppperCase ()

toLowerCase () metoda string convertește toate caracterele șirului dat în formatul minuscul și, în mod similar, toUpperCase () metoda convertește toate caracterele în format cu majuscule. Aceste funcții nu modifică șirul original.

Sintaxă:

toUpperCase ()
toLowerCase ()

Să vedem aceste două metode cu un exemplu rapid:

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

La rularea codului de mai sus pe consolă, veți primi următoarea ieșire:

"bine ai venit la muo!"
"Bine ai venit la MUO!"
"Bun venit la MUO!"

2. String.concat ()

concat () metoda este utilizată pentru a uni două sau mai multe șiruri. Puteți adăuga unul sau mai multe argumente la această metodă pentru a le concata într-un singur șir. Nu aduce nicio modificare la șirul original.

Sintaxă:

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

Iată un exemplu care prezintă concatenarea a două șiruri pentru a forma un șir nou:

let str2 = "Ce mai faci?";
let newString = str.concat (str2);
console.log (newString);

„Bun venit la MUO! Ce mai faci?"

3. String.indexOf () și String.lastIndexOf ()

Index de() metoda vă ajută să aflați primul index la care este prezent caracterul sau șirul specificat. Începe din partea stângă și urmărește șirul pentru a verifica dacă argumentul dat se potrivește.

Sintaxă:

indexOf (str)

Să aflăm indicele la care MUO este prezent în șir cu un exemplu:

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

11

Dacă argumentul dat nu este prezent în șir, metoda returnează o valoare de -1.

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

-1

În mod similar, lastIndexOf () metoda returnează indexul ultimei apariții a caracterului sau șirului dat. Iată un exemplu:

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

6

Chiar dacă alfabetul e apare la indexul 1, ultima apariție a acestui caracter este la indexul 6 și, prin urmare, este returnată ca ieșire.

4. String.charAt ()

charAt () metoda string returnează caracterul la indexul specificat în șir. Acceptă un singur argument, indexul la care trebuie recuperat caracterul. Valoarea indicelui variază de la 0 la lungime - 1.

Sintaxă:

charAt (index)

Iată un exemplu de charAt () metodă:

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

o
W
!

În exemplul de mai sus, când str.lungime- 1 a fost trecut ca argument, metoda returnează ultimul caracter al șirului. Dacă introduceți un index nevalid care depășește intervalul permis, această metodă returnează -1.

5. String.charCodeAt ()

Similar cu metoda charAt, charCodeAt () metoda returnează Valoare ASCII a caracterului la indexul specificat. Această metodă de șir acceptă un singur argument, indexul din care urmează să fie recuperat caracterul.

Sintaxă:

charCodeAt (index)

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

109
33

Din nou, valoarea indexului variază de la 0 la lungime - 1 și dacă încercați să treceți un index dincolo de limita permisă, această metodă va returna -1.

6. String.replace ()

După cum sugerează și numele, a inlocui() metoda vă ajută să înlocuiți o parte a șirului cu o altă parte. Această metodă ia două argumente: primul este șirul care trebuie înlocuit, iar cel de-al doilea este șirul cu care trebuie înlocuit. Această metodă nu aduce nicio modificare la șirul original.

Sintaxă:

înlocuiți (str1, str2)

De exemplu, dacă doriți să înlocuiți cuvântul MUO cu acest site web în variabila șir, puteți utiliza fișierul a inlocui() metoda de acest fel:

let newString = str.replace ("MUO", "acest site web");
console.log (newString);
console.log (str);

Bine ați venit pe acest site web!
Bine ați venit la MUO!

7. String.split ()

Despică() metoda este utilizată pentru a defalca toate cuvintele sau caracterele dintr-un șir conform argumentului separator transmis metodei. Tipul de returnare al acestei metode este un tablou. Această matrice este formată din toate caracterele sau șirurile de caractere, împărțite în funcție de separatorul dat. Această metodă nu modifică șirul original.

Sintaxă:

divizat (separator)

De exemplu, dacă un spațiu gol ("") este trecut ca argument de separare la metoda de divizare, așa va arăta ieșirea:

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

[„Bun venit”, „către”, „MUO!”]

Dacă nu transmiteți un argument către Despică() metoda, va returna o matrice cu un singur element format din valoarea variabilei șirului.

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

['Bine ați venit la MUO!']

8. String.substring ()

substring () metoda este utilizată pentru a obține un șir sau o parte din șirul original. Această metodă ia doi parametri: indexul de început și indexul de final. Șirul de ieșire începe de la indexul de start specificat și imprimă până la indexul final - 1.

Sintaxă:

substring (startIndex, endIndex)

Iată un exemplu rapid de substring () metodă:

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

"lcome"

Rețineți că caracterul de la indexul final nu face parte din ieșire.

9. String.search ()

căutare() metoda ajută la găsirea unui anumit sub șir sau caracter în interiorul șirului original. Această metodă acceptă un grup de caractere sau sub șir ca argument și urmărește prin șir. După găsirea unei potriviri, se returnează indicele de pornire al porțiunii potrivite. În caz contrar, această metodă returnează -1.

Sintaxă:

căutare (șir)

Puteți folosi căutare() metoda în acest mod:

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

11
-1

10. String.trim ()

tunde() metoda elimină toate spațiile albe din șir, înainte de primul caracter și după ultimul caracter. Această metodă nu necesită trecerea niciunui parametru și nu modifică șirul original. Este extrem de util pentru validarea intrărilor utilizatorilor în formulare.

Sintaxă:

tunde()

Să luăm un nou exemplu pentru a explora această metodă de șir:

let untrimmedString = "Bine ați venit la MUO! ";
let trimmedString = untrimmedString.trim ();
console.log (trimmedString);
console.log (untrimmedString);

"Bun venit la MUO!"
„Bun venit la MUO! "

Mai multe metode JavaScript de verificat

Deci, acesta a fost un rezumat rapid al unor metode obișnuite de șiruri care vă pot ajuta să fiți mai productivi ca dezvoltator JavaScript. Aceste metode vă vor ajuta, de asemenea, să identificați interviurile de codificare pentru întrebări legate de șiruri. Practica este perfectă, așa că mergeți mai departe și încercați aceste metode în propria consolă.

Odată ce ați aprofundat metodele cu șiruri, ar putea fi util să aruncați o privire la câteva metode de matrice care vă pot îmbunătăți în continuare stăpânirea JavaScript.

15 Metode de matrice JavaScript pe care ar trebui să le stăpânești astăzi

Doriți să înțelegeți matricele JavaScript, dar nu le puteți controla? Consultați exemplele noastre de matrice JavaScript pentru îndrumare.

Citiți în continuare

Despre autor