În programarea zilnică, de multe ori trebuie să lucrăm cu corzi. Din fericire, există multe metode încorporate în JavaScript care ne ajută în timp ce lucrăm cu tablouri, șiruri și alte tipuri de date. Putem folosi aceste metode pentru diverse operațiuni precum căutarea, înlocuirea, concatenarea șirurilor și așa mai departe.

Obținerea unui șir de caractere dintr-un șir este una dintre cele mai frecvente operațiuni în JavaScript. În acest articol, veți învăța cum să obțineți un șir de caractere utilizând 3 metode încorporate diferite. Dar mai întâi, permiteți-mi să explic pe scurt ce este un șir.

Ce este un Substring?

Un șir este un subset al unui alt șir:

"I am learning JavaScript and it is cool!"  -->  Original String

"I am learning JavaScript"  -->  Substring

"JavaScript is cool!"  -->  Another Substring

La fel ca în exemplul de mai sus, în unele cazuri trebuie să obținem unul sau mai multe șiruri dintr-o propoziție completă sau un paragraf. Acum să vedem cum să facem acest lucru în JavaScript în 3 moduri diferite.

De asemenea, puteți viziona versiunea video a exemplelor de utilizare aici:

1. Metoda substring ()

Să începem cu metoda substring (). Această metodă obține practic o parte din șirul original și o returnează ca un șir nou. Metoda sub șirului așteaptă doi parametri:

string.substring(startIndex, endIndex);
  • startIndex: reprezintă punctul de plecare al șirului de caractere
  • endIndex: reprezintă punctul de încheiere al șirului de caractere (opțional)

Să vedem utilizarea într-un exemplu. Să presupunem că avem exemplul șir de mai jos:

const myString = "I am learning JavaScript and it is cool!";

Acum, dacă setăm startIndex ca 0 și endIndex ca 10, atunci vom primi primele 10 caractere ale șirului original:

Exemple de substring JavaScript Metode Slice Substr si Substring
Indicele primului personaj este întotdeauna 0

Cu toate acestea, dacă stabilim doar un index de pornire și nici un index de sfârșit pentru acest exemplu:

1611727265 199 Exemple de substring JavaScript Metode Slice Substr si Substring

Apoi, obținem un șir care începe de la al 6-lea caracter până la sfârșitul șirului original.

Câteva puncte suplimentare:

  • Dacă startIndex = endIndex, metoda sub șirului returnează un șir gol
  • Dacă startIndex și endIndex sunt ambele mai mari decât lungimea șirului, acesta returnează un șir gol
  • Dacă startIndex> endIndex, atunci metoda sub șir schimbă argumentele și returnează un sub șir, presupunând ca endIndex> startIndex

2. Metoda felie ()

Metoda slice () este similară cu metoda substring () și returnează, de asemenea, un substring al șirului original. Metoda slice așteaptă, de asemenea, aceiași doi parametri:

string.slice(startIndex, endIndex);
  • startIndex: reprezintă punctul de plecare al șirului de caractere
  • endIndex: reprezintă punctul de încheiere al șirului de caractere (opțional)

Punctele comune ale metodelor substring () și slice ():

  • Dacă nu setăm un index de finalizare, atunci obținem un șir care începe de la numărul de index dat până la sfârșitul șirului original:
1611727265 422 Exemple de substring JavaScript Metode Slice Substr si Substring
  • Dacă setăm atât startIndex, cât și endIndex, atunci vom obține caracterele dintre numerele de index date ale șirului original:
1611727265 412 Exemple de substring JavaScript Metode Slice Substr si Substring
  • Dacă startIndex și endIndex sunt mai mari decât lungimea șirului, acesta returnează un șir gol

Diferențele metodei slice ():

  • Dacă startIndex> endIndex, metoda slice () returnează un șir gol
  • Dacă startIndex este un număr negativ, atunci primul caracter începe de la sfârșitul șirului (invers):
1611727265 77 Exemple de substring JavaScript Metode Slice Substr si Substring

Notă: Putem folosi metoda slice () și pentru matricele JavaScript. Puteți găsi aici celălalt articol despre metoda slice pentru a vedea utilizarea matricelor.

3. Metoda substr ()

Conform documentelor Mozilla, metoda substr () este considerată o funcție veche și ar trebui evitată utilizarea acesteia. Dar voi explica în continuare pe scurt ce face, pentru că s-ar putea să o vedeți în proiecte mai vechi.

Metoda substr () returnează, de asemenea, un subșir al șirului original și așteaptă doi parametri ca:

string.substring(startIndex, length);
  • startIndex: reprezintă punctul de plecare al șirului de caractere
  • lungime: numărul de caractere care trebuie incluse (opțional)

Puteți vedea diferența aici: metoda substr () așteaptă al doilea parametru ca o lungime în loc de un endIndex:

1611727265 549 Exemple de substring JavaScript Metode Slice Substr si Substring

În acest exemplu, contează practic 5 caractere începând cu startIndex dat și le returnează ca un șir de caractere.

Cu toate acestea, dacă nu definim al doilea parametru, acesta revine la sfârșitul șirului original (așa cum fac cele două metode anterioare):

1611727266 970 Exemple de substring JavaScript Metode Slice Substr si Substring

Notă: Toate cele 3 metode returnează șirul sub formă de șir nou și nu schimbă șirul original.

Învelire

Deci acestea sunt cele 3 metode diferite pentru a obține un șir de caractere în JavaScript. Există multe alte metode încorporate în JS care ne ajută foarte mult atunci când avem de-a face cu diverse lucruri în programare. Dacă vi se pare utilă această postare, vă rugăm să o distribuiți pe social media.

Dacă doriți să aflați mai multe despre dezvoltarea web, nu ezitați urmărește-mă pe Youtube!

Mulțumesc că ai citit!