Metody łańcuchowe, które warto znać w JavaScript

Praca z ciągami znaków bez znajomości metod będzie koszmarem dla programistów.

Aby pozbyć się tych koszmarów, musimy znać najważniejsze właściwości i metody stringów w JavaScript.

Zbadajmy je jeden po drugim.

Spis treści:

długość

Właściwość length zwraca długość łańcucha.

const company = "newsblog.pl";

console.log(company.length);

na wielkie litery()

Metoda toUpperCase zamienia wszystkie znaki w łańcuchu na wielkie litery i zwraca je. Nie zmienia oryginalnego ciągu znaków.

const company = "newsblog.pl";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

na małe litery()

Metoda toLowerCase zamienia każdy znak w łańcuchu na małe litery i zwraca je. Nie zmienia oryginalnego ciągu znaków.

const company = "newsblog.pl";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

przycinać()

Metoda trim usuwa początkowe i końcowe spacje z łańcucha. Jest to operacja w miejscu, tj. aktualizuje oryginalny ciąg znaków.

const company = "         Geek   Flare           ";

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

charAt(indeks)

Metoda charAt zwraca znak o podanym indeksie. Zwraca pusty ciąg, jeśli indeks jest nieprawidłowy.

const company = "newsblog.pl";

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

charCodeAt(indeks)

Metoda charCodeAt zwraca kod ASCII znaku o podanym indeksie. Zwraca NaN, jeśli indeks jest nieprawidłowy.

const company = "newsblog.pl";

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

plasterek(startIndex, endIndex)

Wycinek metody zwraca podłańcuch z łańcucha od startIndex do endIndex (bez uwzględnienia). Funkcja string.slice(0, 6) zwraca podłańcuch od indeksu 0 do indeksu 5.

const company = "newsblog.pl";

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

Wycinek metody zaakceptuje również argument sing. Jeśli przekażesz pojedynczy argument do metody slice, to zwróci ona podłańcuch z podanego indeksu na koniec łańcucha.

const company = "newsblog.pl";

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

Wycinek metody akceptuje również indeksy ujemne. Indeksy ujemne są liczone od końca łańcucha. Zobaczmy przykład, ponieważ jest to nowość dla większości ludzi.

Biorąc pod uwagę ciąg newsblog.pl, indeksy ujemne to

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

i tak dalej…

Kod string.slice(-9, -5) zwróci Geek dla powyższego przykładu.

const company = "newsblog.pl";

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

Kod string.slice(-5) zwróci Flare dla powyższego przykładu.

const company = "newsblog.pl";

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

Uwaga: Indeksowanie ujemne nie będzie działać w IE8 i wcześniejszych wersjach.

substr(startIndex, długość)

Metoda substr jest podobna do metody plasterka. Jedyną różnicą jest to, że metoda substr akceptuje długość podciągu, który należy wyodrębnić z oryginalnego ciągu.

const company = "newsblog.pl";

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

Istnieje inna metoda o nazwie substring, która jest podobna do metody plasterka. Ale podciąg metody nie akceptuje indeksów ujemnych. Wypróbuj to.

zastąp (podłańcuch, nowyPodciąg)

Metoda replace zastępuje pierwsze wystąpienie podłańcucha ciągiem znaków newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "newsblog.pl"));

indexOf(podłańcuch)

Metoda indexOf zwraca początkowy indeks danego znaku z łańcucha. Zwróci -1, jeśli znak nie występuje w łańcuchu.

const company = "newsblog.pl";

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

Metoda indexOf przyjmie drugi argument, który jest indeksem, od którego rozpoczyna się wyszukiwanie dla danego podłańcucha.

const company = "newsblog.pl";

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

Istnieje inna metoda o nazwie lastIndexOf, która jest podobna do metody indexOf. Jedyną różnicą jest to, że metoda lastIndexOf wyszukuje znak od końca łańcucha i zwraca indeks pierwszego wystąpienia znaku. Wypróbuj go dla kodu company.lastIndexOf(’e’).

podziel (podłańcuch)

Metoda split dzieli podany łańcuch na podłańcuch i zwraca części jako tablicę.

const statement = "Visit, the, site, newsblog.pl";

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

Wniosek

To nie koniec. Zapoznaj się z pozostałymi metodami ciągów z dokumentacji. Mogą istnieć inne metody, które są przydatne w określonych przypadkach.

Wyszukaj i użyj ich w swoim konkretnym przypadku, jeśli nie ma go tutaj.

Miłego kodowania 🙂

Następnie zapoznaj się z niektórymi popularnymi frameworkami JavaScript.