Obrada teksta u JavaScriptu: Osnovne metode za rad sa stringovima
Rad sa tekstualnim podacima, ili stringovima, bez poznavanja odgovarajućih metoda može biti prilično zahtevan za programere. Da bismo efikasno manipulisali tekstom u JavaScriptu, moramo biti upoznati sa ključnim svojstvima i metodama koje su nam na raspolaganju.
U narednom tekstu ćemo detaljnije istražiti najvažnije od njih.
Dužina stringa
Svojstvo length nam omogućava da saznamo broj karaktera u datom stringu.
const kompanija = "techblog.co.rs";
console.log(kompanija.length);
Pretvaranje u velika slova: toUpperCase()
Metoda toUpperCase() konvertuje sva slova u stringu u velika slova, kreirajući novi string kao rezultat. Originalni string ostaje nepromenjen.
const kompanija = "techblog.co.rs";
const velikaSlova = kompanija.toUpperCase();
console.log(velikaSlova);
Pretvaranje u mala slova: toLowerCase()
Metoda toLowerCase(), slično prethodnoj, pretvara sva slova u stringu u mala slova i vraća novi string. Originalni string je, takođe, netaknut.
const kompanija = "techblog.co.rs";
const malaSlova = kompanija.toLowerCase();
console.log(malaSlova);
Uklanjanje praznina: trim()
Metoda trim() uklanja sve praznine (razmake, tabulatore, nove linije) sa početka i kraja stringa. Ova operacija ne menja originalni string, već vraća novi sa uklonjenim prazninama.
const kompanija = " Geek Flare ";
console.log(kompanija);
console.log(kompanija.trim());
Pristup karakteru: charAt(indeks)
Metoda charAt(indeks) nam omogućava da pristupimo karakteru na određenoj poziciji (indeksu) u stringu. Ukoliko je dati indeks van opsega, metoda će vratiti prazan string.
const kompanija = "techblog.co.rs";
console.log(kompanija.charAt(2));
console.log(kompanija.charAt(10));
ASCII kod karaktera: charCodeAt(indeks)
Metoda charCodeAt(indeks) vraća ASCII kod karaktera koji se nalazi na određenom indeksu u stringu. Ako indeks nije validan, vraća NaN (Not a Number).
const kompanija = "techblog.co.rs";
console.log(kompanija.charCodeAt(2));
console.log(kompanija.charCodeAt(10));
Izdvajanje podstringa: slice(startIndeks, endIndeks)
Metoda slice() izdvaja deo stringa, od pozicije startIndeks do pozicije endIndeks (ne uključujući karakter na poziciji endIndeks). Na primer, string.slice(0, 6) će vratiti podstring od 0. do 5. indeksa.
const kompanija = "techblog.co.rs";
console.log(kompanija.slice(0, 4));
Ako se metodi slice() prosledi samo jedan argument, ona će vratiti podstring od datog indeksa do kraja stringa.
const kompanija = "techblog.co.rs";
console.log(kompanija.slice(4));
Metoda slice() prihvata i negativne indekse. U tom slučaju, indeks se računa od kraja stringa. Na primer:
Za string „techblog.co.rs“, indeksiranje bi bilo: ‘s’ je -1, ‘r’ je -2, ‘o’ je -3 … i tako dalje.
Stoga, string.slice(-9, -5) bi za gornji primer vratilo „blog“.
const kompanija = "techblog.co.rs";
console.log(kompanija.slice(-9, -5));
A string.slice(-5) bi vratilo „.co.rs“
const kompanija = "techblog.co.rs";
console.log(kompanija.slice(-5));
Napomena: Negativno indeksiranje možda neće raditi u starijim verzijama Internet Explorera (IE8 i starije).
Izdvajanje podstringa (sa dužinom): substr(startIndeks, dužina)
Metoda substr() je slična metodi slice(), ali umesto krajnjeg indeksa, ona prihvata dužinu podstringa koji treba izdvojiti iz originalnog stringa.
const kompanija = "techblog.co.rs";
console.log(kompanija.substr(4, 5));
Postoji i metoda substring() koja je slična metodi slice(), ali ona ne prihvata negativne indekse. Probajte sami!
Zamena podstringa: replace(podstring, noviPodstring)
Metoda replace() zamenjuje prvu pojavu podstringa sa noviPodstring u originalnom stringu.
const izjava = "Posetite sajt Google";
console.log(izjava.replace("Google", "techblog.co.rs"));
Pronalaženje indeksa podstringa: indexOf(podstring)
Metoda indexOf() vraća početni indeks prve pojave datog podstringa unutar stringa. Ukoliko podstring nije pronađen, metoda vraća -1.
const kompanija = "techblog.co.rs";
console.log(kompanija.indexOf("Flare"));
console.log(kompanija.indexOf("o"));
Metoda indexOf() može prihvatiti i drugi argument, koji predstavlja indeks od kojeg počinje pretraga datog podstringa.
const kompanija = "techblog.co.rs";
console.log(kompanija.indexOf("e"));
console.log(kompanija.indexOf("e", 5));
Postoji i metoda lastIndexOf() koja je slična metodi indexOf(), ali ona pretražuje string od kraja prema početku i vraća indeks prve pojave podstringa gledano sa kraja. Isprobajte sami kompanija.lastIndexOf('e')!
Deljenje stringa: split(separator)
Metoda split() deli string na manje delove (podstringove) na osnovu datog separatora i vraća ih kao niz.
const izjava = "Posetite, sajt, techblog.co.rs";
console.log(izjava.split(" "));
console.log(izjava.split(", "));
Zaključak
Ovo su samo osnovne metode za rad sa stringovima u JavaScriptu. Istražite detaljniju dokumentaciju kako biste otkrili i druge metode koje mogu biti korisne u različitim situacijama.
Ako vam neka metoda nedostaje u ovom pregledu, pretražite dokumentaciju i primenite je u svom specifičnom slučaju.
Srećno sa kodiranjem 🙂
Kada savladate osnove, istražite neke od popularnih JavaScript frameworka.