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.

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.