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

Введение в строки в JavaScript

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

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

Создание строк

Строки можно создавать с использованием одинарных, двойных кавычек или обратных кавычек для литералов шаблона.

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

Свойства строки

• длина: возвращает длину строки.

let str = "JavaScript";
console.log(str.length); // Output: 10

Строковые методы

1. charAt()

Возвращает символ по указанному индексу.

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

2. charКодАт()

Возвращает Юникод символа по указанному индексу.

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

3. конкат()

Объединяет две или более строк и возвращает новую строку.

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

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

Проверяет, содержит ли строка указанное значение, возвращая true или false.

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

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

Проверяет, заканчивается ли строка указанным значением, возвращая true или false.

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6. индексОф()

Возвращает индекс первого вхождения указанного значения или -1, если не найдено.

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

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

Возвращает индекс последнего вхождения указанного значения или -1, если не найдено.

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

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

Получает совпадения при сопоставлении строки с регулярным выражением.

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9. повтор()

Возвращает новую строку с указанным количеством копий строки, из которой она была вызвана.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

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

Заменяет указанное значение другим значением в строке.

let str = "JavaScript is awesome!";
let newStr = str.replace("awesome", "fantastic");
console.log(newStr); // Output: JavaScript is fantastic!

11. поиск()

Ищет в строке указанное значение и возвращает позицию совпадения.

let str = "JavaScript is awesome!";
console.log(str.search("awesome")); // Output: 15

12. срез()

Извлекает часть строки и возвращает ее как новую строку.

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

13. раскол()

Разбивает строку на массив подстрок на основе указанного разделителя.

let str = "Hello, World!";
let arr = str.split(", ");
console.log(arr); // Output: [ 'Hello', 'World!' ]

14. начинается с()

Проверяет, начинается ли строка с указанного значения, возвращая true или false.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "Привет, мир!"; console.log(str.startsWith("Привет")); // Вывод: правда

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

Извлекает символы из строки между двумя указанными индексами.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.substring(0, 4)); // Вывод: Java

16. toLowerCase()

Преобразует строку в строчные буквы.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toLowerCase()); // Вывод: javascript

17. toUpperCase()

Преобразует строку в прописные буквы.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toUpperCase()); // Вывод: ЯВАСКРИПТ

18. обрезка()

Удаляет пробелы с обоих концов строки.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = " JavaScript "; console.log(str.trim()); // Вывод: JavaScript

19. тримстарт()

Удаляет пробелы в начале строки.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.trimStart()); // Вывод: JavaScript

20. обрезкаКонец()

Удаляет пробелы в конце строки.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.trimEnd()); // Вывод: JavaScript

21. значениеОф()

Возвращает примитивное значение объекта String.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = new String("JavaScript"); console.log(str.valueOf()); // Вывод: JavaScript

Литералы шаблонов

Литералы шаблонов позволяют использовать встроенные выражения, что упрощает конкатенацию строк и создание многострочных строк.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let name = "Джон"; let Greeting = `Привет, ${name}! Как дела?`; console.log(приветствие); // Вывод: Привет, Джон! Как вы?

Строка.raw()

Возвращает строку, созданную на основе необработанной строки шаблона, обеспечивая доступ к необработанным строкам по мере их записи.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = String.raw`Hello\nWorld!`; console.log(стр); // Вывод: Привет\nМир!

Практические примеры

Пример 1: Реверс строки

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

функцияобратнаяСтрока(строка) { return str.split('').reverse().join(''); } console.log(reverseString("JavaScript")); // Вывод: tpircSavaJ

Пример 2: Проверка палиндромов

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

функция isPalindrome(str) { let cleanStr = str.replace(/[\W_]/g, '').toLowerCase(); return cleanStr === cleanStr.split('').reverse().join(''); } console.log(isPalindrome("Человек, план, канал, Панама"); // Вывод: правда

Пример 3. Использование заглавной буквы каждого слова

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

функция CapitalizeWords(str) { return str.split(' ').map(word => word.charAt(0).toUpperCase() word.slice(1)).join(' '); } console.log(capitalizeWords("Привет, мир")); // Вывод: Привет, мир

Заключение

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

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