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

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 minusculă 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 de șir 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 pre-construite 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?



adăugați aplicații la vizio smart tv

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 = 'Welcome to MUO!'

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

The toLowerCase () metoda string convertește toate caracterele șirului dat în formatul minuscul și, în mod similar, toUpperCase () metoda convertește toate caracterele în formatul 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:

'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'

2. String.concat ()

The 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 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'

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

The 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 Și 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 ()

The 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, the 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ă:

replace(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', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!

7. String.split ()

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

Sintaxă:

split(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); ['Welcome', 'to', '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); ['Welcome to MUO!']

8. String.substring ()

The 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.

The 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. La găsirea unei potriviri, se returnează indicele de pornire al porțiunii potrivite. În caz contrar, această metodă returnează -1.

Sintaxă:

search(substring)

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

console.log(str.search('MUO'));
console.log(str.search('2')); 11
-1

10. String.trim ()

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

Sintaxă:

trim()

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

Amazon spune livrat, dar nu aici
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to 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 unele metode de matrice care vă pot îmbunătăți în continuare stăpânirea JavaScript.

Acțiune Acțiune Tweet E-mail 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 Subiecte asemănătoare
  • Programare
  • JavaScript
  • Sfaturi de codare
Despre autor Nitin Ranganath(31 articole publicate)

Nitin este un dezvoltator avid de software și un student în ingineria computerelor care dezvoltă aplicații web folosind tehnologii JavaScript. Lucrează ca dezvoltator web independent și îi place să scrie pentru Linux și Programare în timpul liber.

Mai multe de la Nitin Ranganath

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona