Metode de șiruri de cunoscut în JavaScript

Lucrul cu șiruri de caractere fără a cunoaște metodele va fi un coșmar pentru dezvoltatori.

Pentru a scăpa de acele coșmaruri, trebuie să cunoaștem cele mai esențiale proprietăți și metode ale șirurilor din JavaScript.

Să le explorăm unul câte unul.

lungime

Lungimea proprietății returnează lungimea șirului.

const company = "tipstrick.ro";

console.log(company.length);

laMajuscule()

Metoda toUpperCase transformă fiecare caracter din șir în majuscule și îl returnează. Nu schimbă șirul original.

const company = "tipstrick.ro";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

Metoda toLowerCase transformă fiecare caracter din șir în litere mici și îl returnează. Nu schimbă șirul original.

const company = "tipstrick.ro";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

tunde()

Metoda trim elimină spațiile albe de început și de sfârșit din șir. Este o operațiune în loc, adică actualizează șirul original.

const company = "         Geek   Flare           ";

console.log(company);
console.log(company.trim());

charAt(index)

Metoda charAt returnează caracterul la indexul dat. Returnează un șir gol dacă indexul nu este valid.

const company = "tipstrick.ro";

console.log(company.charAt(2));
console.log(company.charAt(10));

charCodeAt(index)

Metoda charCodeAt returnează caracterul cod ASCII la indexul dat. Returnează NaN dacă indexul nu este valid.

const company = "tipstrick.ro";

console.log(company.charCodeAt(2));
console.log(company.charCodeAt(10));

slice(startIndex, endIndex)

Metoda slice returnează subșirul din șirul de la startIndex la endIndex (fără includere). string.slice(0, 6) returnează subșirul de la indexul 0 la indexul 5.

const company = "tipstrick.ro";

console.log(company.slice(0, 4));

Secțiunea de metodă va accepta și un argument sing. Dacă treceți un singur argument metodei slice, atunci acesta va returna subșirul din indexul dat la sfârșitul șirului.

const company = "tipstrick.ro";

console.log(company.slice(4));

Secțiunea de metodă va accepta și indecși negativi. Indicii negativi sunt numărați de la sfârșitul șirului. Să vedem un exemplu, deoarece este nou pentru majoritatea oamenilor.

Având în vedere șirul tipstrick.ro, indicii negativi sunt

G = -9, e = -8, e = -7, k = -6

si asa mai departe…

Codul string.slice(-9, -5) va returna Geek pentru exemplul de mai sus.

const company = "tipstrick.ro";

console.log(company.slice(-9, -5));

Codul string.slice(-5) va returna Flare pentru exemplul de mai sus.

const company = "tipstrick.ro";

console.log(company.slice(-5));

Notă: indexarea negativă nu va funcționa în IE8 și în versiunile anterioare.

substr(startIndex, lungime)

Metoda substr este similară cu metoda slice. Singura diferență este că metoda substr acceptă lungimea subșirului care trebuie extrasă din șirul original.

const company = "tipstrick.ro";

console.log(company.substr(4, 5));

Există o altă metodă numită subșir care este similară cu metoda slice. Dar, subșirul metodei nu va accepta indecși negativi. Încearcă.

înlocuiți(subșir, newSubstring)

Metoda replace înlocuiește prima instanță a subșirului cu newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "tipstrick.ro"));

indexOf(subșir)

Metoda indexOf returnează indexul de început al unui caracter dat din șir. Va returna -1 dacă caracterul nu este prezent în șir.

const company = "tipstrick.ro";

console.log(company.indexOf("Flare"));
console.log(company.indexOf("O"));

Metoda indexOf va accepta al doilea argument care este un index de la care începe căutarea subșirului dat.

const company = "tipstrick.ro";

console.log(company.indexOf("e"));
console.log(company.indexOf("e", 5));

Există o altă metodă numită lastIndexOf, care este similară cu metoda indexOf. Singura diferență este că metoda lastIndexOf caută caracterul de la sfârșitul șirului și returnează indexul primei instanțe a caracterului. Încercați-l pentru codul company.lastIndexOf(‘e’).

split(subșir)

Metoda split împarte șirul dat pe subșir și returnează părțile ca o matrice.

const statement = "Visit, the, site, tipstrick.ro";

console.log(statement.split(" "));
console.log(statement.split(", "));

Concluzie

Acesta nu este sfarsitul. Explorați metodele rămase ale șirurilor din documentație. Ar putea exista și alte metode care sunt utile în cazuri specifice.

Căutați și folosiți-le în specificul dvs. dacă nu este listat aici.

Codare fericită 🙂

Apoi, explorați câteva dintre cadrele JavaScript populare.