Стрингови методи, които трябва да знаете в JavaScript

Работата с низове без познаване на методите ще бъде кошмар за разработчиците.

За да се отървем от тези кошмари, трябва да знаем най-съществените свойства и методи на низовете в JavaScript.

Нека ги изследваме един по един.

дължина

Свойството length връща дължината на низа.

const company = "pctechbg.net";

console.log(company.length);

toUpperCase()

Методът toUpperCase превръща всеки знак в низа в горен регистър и го връща. Това не променя оригиналния низ.

const company = "pctechbg.net";

const upperCaseCompany = company.toUpperCase();

console.log(upperCaseCompany);

toLowerCase()

Методът toLowerCase превръща всеки знак в низа в малък регистър и го връща. Това не променя оригиналния низ.

const company = "pctechbg.net";

const lowerCaseCompany = company.toLowerCase();

console.log(lowerCaseCompany);

подстригване ()

Методът trim премахва началните и крайните бели интервали от низа. Това е операция на място, т.е. актуализира оригиналния низ.

const company = "         Geek   Flare           ";

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

charAt(индекс)

Методът charAt връща знака на дадения индекс. Връща празен низ, ако индексът не е валиден.

const company = "pctechbg.net";

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

charCodeAt(индекс)

Методът charCodeAt връща символния ASCII код при дадения индекс. Връща NaN, ако индексът не е валиден.

const company = "pctechbg.net";

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

срез (начален индекс, краен индекс)

Срезът на метода връща подниза от низа от startIndex до endIndex (без да включва). String.slice(0, 6) връща подниза от 0-ия индекс до 5-ия индекс.

const company = "pctechbg.net";

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

Срезът на метода ще приеме и аргумент sing. Ако подадете единичен аргумент към метода на slice, тогава той ще върне подниза от дадения индекс до края на низа.

const company = "pctechbg.net";

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

Срезът на метода ще приема и отрицателни индекси. Отрицателните индекси се броят от края на низа. Нека да видим пример, тъй като е нов за повечето хора.

Като се има предвид низ pctechbg.net, отрицателните индекси са

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

и така нататък…

Кодът string.slice(-9, -5) ще върне Geek за горния пример.

const company = "pctechbg.net";

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

Кодът string.slice(-5) ще върне Flare за горния пример.

const company = "pctechbg.net";

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

Забележка: Отрицателното индексиране няма да работи в IE8 и по-стари версии.

substr(начален индекс, дължина)

Методът substr е подобен на метода на срез. Единствената разлика е, че методът substr приема дължината на подниза, която трябва да бъде извлечена от оригиналния низ.

const company = "pctechbg.net";

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

Има друг метод, наречен подниз, който е подобен на метода на срез. Но поднизът на метода няма да приема отрицателни индекси. Опитай го.

замени (подниз, новподниз)

Методът replace заменя първото копие на подниза с newSubString.

const statement = "Visit the site Google";

console.log(statement.replace("Google", "pctechbg.net"));

indexOf(подниз)

Методът indexOf връща началния индекс на даден символ от низа. Ще върне -1, ако знакът не присъства в низа.

const company = "pctechbg.net";

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

Методът indexOf ще приеме втория аргумент, който е индекс, от който започва търсенето на дадения подниз.

const company = "pctechbg.net";

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

Има друг метод, наречен lastIndexOf, който е подобен на метода indexOf. Единствената разлика е, че методът lastIndexOf търси знака от края на низа и връща индекса на първия екземпляр на знака. Опитайте го за кода company.lastIndexOf(‘e’).

разделяне (подниз)

Методът split разделя дадения низ на подниза и връща частите като масив.

const statement = "Visit, the, site, pctechbg.net";

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

Заключение

Това не е краят. Разгледайте останалите методи на низовете от документацията. Може да има други методи, които са полезни в конкретни случаи.

Потърсете и ги използвайте във вашите специфични, ако не са посочени тук.

Приятно кодиране 🙂

След това разгледайте някои от популярните рамки на JavaScript.