Metody řetězců, které je třeba znát v JavaScriptu
Práce s řetězci bez znalosti metod bude pro vývojáře noční můrou.
Abychom se těchto nočních můr zbavili, potřebujeme znát nejzákladnější vlastnosti a metody řetězců v JavaScriptu.
Pojďme je prozkoumat jeden po druhém.
Table of Contents
délka
Vlastnost length vrátí délku řetězce.
const company = "etechblog.cz"; console.log(company.length);
toUpperCase()
Metoda toUpperCase převede každý znak v řetězci na velká písmena a vrátí je. Nemění původní řetězec.
const company = "etechblog.cz"; const upperCaseCompany = company.toUpperCase(); console.log(upperCaseCompany);
toLowerCase()
Metoda toLowerCase otočí každý znak v řetězci na malá písmena a vrátí je. Nemění původní řetězec.
const company = "etechblog.cz"; const lowerCaseCompany = company.toLowerCase(); console.log(lowerCaseCompany);
trim()
Metoda trim odstraní z řetězce počáteční a koncové mezery. Je to operace na místě, tj. aktualizuje původní řetězec.
const company = " Geek Flare "; console.log(company); console.log(company.trim());
charAt(index)
Metoda charAt vrací znak na daném indexu. Pokud index není platný, vrátí prázdný řetězec.
const company = "etechblog.cz"; console.log(company.charAt(2)); console.log(company.charAt(10));
charCodeAt(index)
Metoda charCodeAt vrací znakový ASCII kód na daném indexu. Pokud index není platný, vrátí NaN.
const company = "etechblog.cz"; console.log(company.charCodeAt(2)); console.log(company.charCodeAt(10));
slice(startIndex, endIndex)
Metoda slice vrátí podřetězec z řetězce od startIndex do endIndex (nezahrnuje). String.slice(0, 6) vrací podřetězec od 0. indexu do 5. indexu.
const company = "etechblog.cz"; console.log(company.slice(0, 4));
Metodický řez přijme také argument sing. Pokud předáte metodě slice jeden argument, vrátí podřetězec z daného indexu na konec řetězce.
const company = "etechblog.cz"; console.log(company.slice(4));
Metodický řez bude akceptovat i záporné indexy. Záporné indexy se počítají od konce řetězce. Podívejme se na příklad, protože je pro většinu lidí nový.
Zadaný řetězec etechblog.cz, záporné indexy jsou
G = -9, e = -8, e = -7, k = -6
a tak dále…
Kód string.slice(-9, -5) vrátí Geek pro výše uvedený příklad.
const company = "etechblog.cz"; console.log(company.slice(-9, -5));
Kód string.slice(-5) vrátí Flare pro výše uvedený příklad.
const company = "etechblog.cz"; console.log(company.slice(-5));
Poznámka: Negativní indexování nebude fungovat v IE8 a starších verzích.
substr(startIndex, délka)
Metoda substr je podobná metodě slice. Jediný rozdíl je v tom, že metoda substr přijímá délku podřetězce, kterou je třeba extrahovat z původního řetězce.
const company = "etechblog.cz"; console.log(company.substr(4, 5));
Existuje další metoda zvaná podřetězec, která je podobná metodě slice. Podřetězec metody však nepřijme záporné indexy. Vyzkoušet to.
nahradit(podřetězec, novýPodřetězec)
Metoda nahradit nahradí první výskyt podřetězce newSubString.
const statement = "Visit the site Google"; console.log(statement.replace("Google", "etechblog.cz"));
indexOf(podřetězec)
Metoda indexOf vrací počáteční index daného znaku z řetězce. Pokud znak v řetězci není, vrátí -1.
const company = "etechblog.cz"; console.log(company.indexOf("Flare")); console.log(company.indexOf("O"));
Metoda indexOf přijme druhý argument, kterým je index, od kterého začíná hledání pro daný podřetězec.
const company = "etechblog.cz"; console.log(company.indexOf("e")); console.log(company.indexOf("e", 5));
Existuje další metoda nazvaná lastIndexOf, která je podobná metodě indexOf. Jediný rozdíl je v tom, že metoda lastIndexOf hledá znak od konce řetězce a vrací index první instance znaku. Vyzkoušejte to pro kód company.lastIndexOf(‚e‘).
rozdělit (podřetězec)
Metoda split rozdělí daný řetězec na podřetězec a vrátí části jako pole.
const statement = "Visit, the, site, etechblog.cz"; console.log(statement.split(" ")); console.log(statement.split(", "));
Závěr
Toto není konec. Prozkoumejte zbývající metody řetězců z dokumentace. Mohou existovat další metody, které jsou užitečné v konkrétních případech.
Vyhledejte a použijte je ve svém konkrétním, pokud zde není uvedeno.
Veselé kódování 🙂
Dále prozkoumejte některé oblíbené rámce JavaScriptu.