Освоение работы со строками в JavaScript: 24 основных метода для разработчиков

Строки — это последовательность символов, которые используются для представления текста в JavaScript. В этой статье мы обсудим 24 важных строковых метода JavaScript, которые должен знать каждый разработчик.

1. символ()

Метод charAt() возвращает символ по указанному индексу в строке. Индекс начинается с 0 для первого символа в строке.

Синтаксис:

string.charAt(index)

Пример:

const str = "JavaScript";
console.log(str.charAt(0)); // Output: "J"
console.log(str.charAt(4)); // Output: "S"

2. charCodeAt()

Метод charCodeAt() возвращает значение Unicode символа по указанному индексу в строке.

Синтаксис:

string.charCodeAt(index)

Пример:

const str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74
console.log(str.charCodeAt(4)); // Output: 83

3. конкат()

Метод concat() используется для объединения двух или более строк.

Синтаксис:

string.concat(string1, string2, ..., stringN)

Пример:

const str1 = "Hello";
const str2 = "World";
console.log(str1.concat(" ", str2)); // Output: "Hello World"

4. заканчивается с()

Метод endWith() используется для проверки того, заканчивается ли строка указанными символами.

Синтаксис:

string.endsWith(searchString, length)

Пример:

const str = "JavaScript";
console.log(str.endsWith("Script")); // Output: true
console.log(str.endsWith("Java", 4)); // Output: true

5. включает()

Метод include() используется для проверки того, содержит ли строка указанные символы.

Синтаксис:

string.includes(searchString, position)

Пример:

const str = "JavaScript";
console.log(str.includes("Script")); // Output: true
console.log(str.includes("Java")); // Output: true
console.log(str.includes("Java", 4)); // Output: false

6. индекс ()

Метод indexOf() используется для поиска индекса первого вхождения заданного символа в строку.

Синтаксис:

string.indexOf(searchValue, fromIndex)

Пример:

const str = "JavaScript";
console.log(str.indexOf("a")); // Output: 1
console.log(str.indexOf("a", 2)); // Output: 3

7. последнийИндексОф()

Метод lastIndexOf() используется для поиска индекса последнего вхождения заданного символа в строку.

Синтаксис:

string.lastIndexOf(searchValue, fromIndex)

Пример:

const str = "JavaScript";
console.log(str.lastIndexOf("a")); // Output: 3
console.log(str.lastIndexOf("a", 2)); // Output: 1

8. совпадение ()

Метод match() используется для поиска заданного шаблона в строке и возвращает массив совпадений.

Синтаксис:

string.match(regexp)

Пример:

const str = "The quick brown fox jumps over the lazy dog.";
const regexp = /the/gi;
console.log(str.match(regexp)); // Output: ["the", "the"]

9. заменить ()

Метод replace() используется для замены указанного символа (символов) другим символом (символами) в строке.

Синтаксис:

string.replace(searchValue, replaceValue)

Пример:

const str = "JavaScript is awesome";
console.log(str.replace("awesome", "cool")); // Output: "JavaScript is cool"

10. поиск()

Метод search() используется для поиска заданного шаблона в строке и возвращает индекс первого совпадения.

Синтаксис:

string.search(regexp)

Пример:

const str = "The quick brown fox jumps over the lazy dog.";
const regexp = /the/gi;
console.log(str.search(regexp)); // Output: 31

11. срез()

Метод slice() используется для извлечения части строки и возврата новой строки.

Синтаксис:

string.slice(start, end)

Пример:

const str = "JavaScript";
console.log(str.slice(0, 4)); // Output: "Java"
console.log(str.slice(4)); // Output: "Script"

12. разделить()

Метод split() используется для разделения строки на массив подстрок.

Синтаксис:

string.split(separator, limit)

Пример:

const str = "JavaScript is awesome";
console.log(str.split(" ")); // Output: ["JavaScript", "is", "awesome"]

13. Начинается с()

Метод startWith() используется для проверки того, начинается ли строка с указанного(ых) символа(ов).

Синтаксис:

string.startsWith(searchString, position)

Пример:

const str = "JavaScript";
console.log(str.startsWith("Java")); // Output: true
console.log(str.startsWith("Script", 4)); // Output: true

14. подстрока()

Метод substring() используется для извлечения части строки и возврата новой строки.

Синтаксис:

string.substring(start, end)

Пример:

const str = "JavaScript";
console.log(str.substring(0, 4)); // Output: "Java"
console.log(str.substring(4)); // Output: "Script"

15. в нижний регистр()

Метод toLowerCase() используется для преобразования строки в нижний регистр.

Синтаксис:

string.toLowerCase()

Пример:

const str = "JavaScript";
console.log(str.toLowerCase()); // Output: "javascript"

16. toUpperCase()

Метод toUpperCase() используется для преобразования строки в верхний регистр.

Синтаксис:

string.toUpperCase()

Пример:

const str = "JavaScript";
console.log(str.toUpperCase()); // Output: "JAVASCRIPT"

17. обрезать()

Метод trim() используется для удаления пробелов с обоих концов строки.

Синтаксис:

string.trim()

Пример:

const str = "  JavaScript  ";
console.log(str.trim()); // Output: "JavaScript"padStart()

18. padStart()

Метод padStart() используется для заполнения строки указанными символами в начале до тех пор, пока она не достигнет указанной длины.

Синтаксис:

string.padStart(targetLength, padString)

Пример:

const str = "JavaScript";
console.log(str.padStart(15, "0")); // Output: "0000JavaScript"

19. padEnd()

Метод padEnd() используется для заполнения строки указанными символами в конце до тех пор, пока она не достигнет указанной длины.

Синтаксис:

string.padEnd(targetLength, padString)

Пример:

const str = "JavaScript";
console.log(str.padEnd(15, "0")); // Output: "JavaScript0000"

20. изCharCode()

Метод fromCharCode() используется для преобразования значений Unicode в символы.

Синтаксис:

String.fromCharCode(num1, num2, ..., numN)

Пример:

console.log(String.fromCharCode(74, 97, 118, 97)); // Output: "Java"

21. LocaleCompare ()

Метод localeCompare() используется для сравнения двух строк в текущей локали и возвращает число, указывающее их относительное положение.

Синтаксис:

string.localeCompare(compareString)

Пример:

const str1 = "Apple";
const str2 = "Banana";
console.log(str1.localeCompare(str2)); // Output: -1

22. toString ()

Метод toString() используется для преобразования значения в строку.

Синтаксис:

value.toString()

Пример:

const num = 42;
console.log(num.toString()); // Output: "42"

23. toLocaleLowerCase()

Метод toLocaleLowerCase() используется для преобразования строки в нижний регистр в соответствии с правилами текущей локали.

Синтаксис:

string.toLocaleLowerCase()

Пример:

const str = "JavaScript";
console.log(str.toLocaleLowerCase()); // Output: "javascript"

24. toLocaleUpperCase()

Метод toLocaleUpperCase() используется для преобразования строки в верхний регистр в соответствии с правилами текущей локали.

Синтаксис:

string.toLocaleUpperCase()

Пример:

const str = "JavaScript";
console.log(str.toLocaleUpperCase()); // Output: "JAVASCRIPT"

В заключение, эти 24 важных строковых метода JavaScript могут помочь разработчикам более эффективно и действенно манипулировать строковыми данными. Освоив эти методы, разработчики могут легко выполнять стандартные операции со строками и создавать более надежные веб-приложения.