Metode de șiruri de cunoscut în JavaScript

de
Tweet
Share
Share
Pin

Manipularea șirurilor de caractere fără cunoștințe adecvate poate fi o provocare semnificativă pentru programatori.

Pentru a evita dificultățile, este esențial să ne familiarizăm cu proprietățile și metodele fundamentale ale șirurilor în JavaScript.

Să analizăm aceste aspecte în detaliu.

Lungimea

Proprietatea length ne oferă numărul total de caractere dintr-un șir.

const compania = "tipstrick.ro";
  console.log(compania.length);

toUpperCase()

Metoda toUpperCase transformă toate literele dintr-un șir în majuscule și returnează rezultatul, fără a modifica șirul original.

const compania = "tipstrick.ro";
  const companiaMajuscula = compania.toUpperCase();
  console.log(companiaMajuscula);

toLowerCase()

Metoda toLowerCase convertesc toate literele dintr-un șir în minuscule, returnând noul șir, fără a modifica șirul inițial.

const compania = "tipstrick.ro";
  const companiaMinuscula = compania.toLowerCase();
  console.log(companiaMinuscula);

trim()

Metoda trim elimină spațiile libere de la începutul și sfârșitul unui șir, modificând astfel o copie a șirului inițial. 

const compania = "         Geek   Flare           ";
  console.log(compania);
  console.log(compania.trim());

charAt(index)

Metoda charAt returnează caracterul aflat la poziția specificată prin index. Dacă indexul nu este valid, returnează un șir gol.

const compania = "tipstrick.ro";
  console.log(compania.charAt(2));
  console.log(compania.charAt(10));

charCodeAt(index)

Metoda charCodeAt returnează codul ASCII al caracterului de la indexul indicat. Dacă indexul este invalid, returnează NaN.

const compania = "tipstrick.ro";
  console.log(compania.charCodeAt(2));
  console.log(compania.charCodeAt(10));

slice(startIndex, endIndex)

Metoda slice extrage o porțiune dintr-un șir, începând cu startIndex și terminând înainte de endIndex. De exemplu, string.slice(0, 6) va returna caracterele de la indexul 0 până la 5.

const compania = "tipstrick.ro";
  console.log(compania.slice(0, 4));

Metoda slice poate primi și un singur argument. În acest caz, returnează subșirul de la indexul dat până la finalul șirului.

const compania = "tipstrick.ro";
  console.log(compania.slice(4));

Această metodă permite și indexarea negativă, unde indicii sunt numărați de la sfârșitul șirului. Să vedem un exemplu:

Considerând șirul „tipstrick.ro”, indicii negativi sunt:

t = -9, i = -8, p = -7, s = -6 și așa mai departe…

Astfel, string.slice(-9, -5) va returna „tips” pentru exemplul de mai sus.

const compania = "tipstrick.ro";
  console.log(compania.slice(-9, -5));

Iar string.slice(-5) va returna „ck.ro” pentru același exemplu.

const compania = "tipstrick.ro";
  console.log(compania.slice(-5));

Notă: Indexarea negativă nu este suportată în Internet Explorer 8 și versiunile anterioare.

substr(startIndex, lungime)

Metoda substr este similară cu slice, dar al doilea argument specifică lungimea subșirului de extras, nu indexul de final.

const compania = "tipstrick.ro";
  console.log(compania.substr(4, 5));

Mai există o metodă numită substring, care este similară cu slice, dar nu acceptă indici negativi.

replace(subșir, newSubstring)

Metoda replace înlocuiește prima apariție a unui subșir cu un alt subșir.

const fraza = "Vizitează site-ul Google";
  console.log(fraza.replace("Google", "tipstrick.ro"));

indexOf(subșir)

Metoda indexOf returnează indexul primei apariții a unui subșir într-un șir. Dacă subșirul nu este găsit, returnează -1.

const compania = "tipstrick.ro";
  console.log(compania.indexOf("Flare"));
  console.log(compania.indexOf("o"));

Metoda indexOf acceptă și un al doilea argument, care reprezintă indexul de la care începe căutarea.

const compania = "tipstrick.ro";
  console.log(compania.indexOf("e"));
  console.log(compania.indexOf("e", 5));

O altă metodă numită lastIndexOf este similară cu indexOf, dar caută subșirul de la sfârșitul șirului, returnând indexul ultimei apariții. Încercați compania.lastIndexOf('e').

split(subșir)

Metoda split împarte un șir în funcție de un separator și returnează un array cu subșirurile rezultate.

const fraza = "Vizitează, site-ul, tipstrick.ro";
  console.log(fraza.split(" "));
  console.log(fraza.split(", "));

Concluzie

Acesta este doar un început. Vă încurajăm să explorați restul metodelor șirurilor din documentație. Există numeroase alte metode care ar putea fi utile în contexte specifice.

Căutați și utilizați-le în proiectele dumneavoastră, dacă cele prezentate aici nu sunt suficiente.

Spor la codare! 😊

În continuare, explorați câteva dintre cele mai populare framework-uri JavaScript.