Что такое строковые методы в JavaScript?

В JavaScript есть ряд встроенных строковых методов, которые можно использовать для управления строками. Вот несколько стандартных строковых методов в JavaScript:

здесь я рассматриваю все строковые методы с примером.

charAt(): возвращает символ по указанному индексу в строке.

let str = "Hello World!";
console.log(str.charAt(0)); // Output: "H"
console.log(str.charAt(1)); // Output: "e"

2. concat(): объединяет две или более строк и возвращает новую строку.

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

3. indexOf(): возвращает индекс первого вхождения заданного значения в строку.

let str = "Hello World!";
console.log(str.indexOf("o")); // Output: 4
console.log(str.indexOf("l")); // Output: 2

4. slice(): извлекает часть строки и возвращает новую строку.

let str = "Hello World!";
console.log(str.slice(0, 5)); // Output: "Hello"
console.log(str.slice(6)); // Output: "World!"

5. split(): разбивает строку на массив подстрок на основе указанного разделителя.

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

6. substr(): извлекает указанное количество символов из строки, начиная с указанного индекса.

let str = "Hello World!";
console.log(str.substr(0, 5)); // Output: "Hello"
console.log(str.substr(6, 5)); // Output: "World"

7. substring(): извлекает символы из строки между двумя указанными индексами.

let str = "Hello World!";
console.log(str.substring(0, 5)); // Output: "Hello"
console.log(str.substring(6, 11)); // Output: "World"

8. toLowerCase(): преобразует строку в нижний регистр.

let str = "Hello World!";
console.log(str.toLowerCase()); // Output: "hello world!"

9. toUpperCase(): преобразует строку в верхний регистр.

let str = "Hello World!";
console.log(str.toUpperCase()); // Output: "HELLO WORLD!"

10. trim(): Удаляет пробелы в начале и в конце строки.

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

11.repeat(): Повторяет строку указанное количество раз.

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

12. startsWith(): определяет, начинается ли строка с символов указанной строки.

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

13. endsWith(): определяет, заканчивается ли строка символами указанной строки.

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

14. includes(): определяет, содержит ли строка символы указанной строки.

let str = "Hello World!";
console.log(str.includes("World")); // Output: true
console.log(str.includes("Hi")); // Output: false

15.replace(): Заменяет все вхождения указанной строки или регулярного выражения другой строкой.

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

16. search(): ищет в строке указанное значение и возвращает позицию совпадения.

let str = "Hello World!";
console.log(str.search("World")); // Output: 6
console.log(str.search("Hi")); // Output: -1

17. match(): выполняет поиск совпадения в строке и возвращает массив результатов.

let str = "Hello World!";
console.log(str.match(/l/g)); // Output: ["l", "l"]

18. padEnd(): дополняет строку справа указанной строкой, так что результирующая строка достигает заданной длины.

let str = "Hello";
console.log(str.padEnd(10, " World!")); // Output: "Hello Worl"

19. padStart(): дополняет строку слева указанной строкой, так что результирующая строка достигает заданной длины.

let str = "World!";
console.log(str.padStart(10, "Hello ")); // Output: "Hello Worl"

20. normalize(): возвращает строку с формой нормализации Unicode значения вызывающей строки.

let str = "Mëtàl Hëàd";
console.log(str.normalize("NFC")); // Output: "Mëtàl Hëàd"
console.log(str.normalize("NFD")); // Output: "Metal Head"

21. codePointAt(): возвращает Unicode символа по указанному индексу в строке.

let str = "Hello World!";
console.log(str.codePointAt(0)); // Output: 72
console.log(str.codePointAt(1)); // Output: 101

22. fromCodePoint(): возвращает строку, созданную с использованием указанной последовательности значений Unicode.

let str = String.fromCodePoint(72, 101, 108, 108, 111);
console.log(str); // Output: "Hello"

23. raw(): интерпретирует строку как литерал шаблона и возвращает строковое значение.

let name = "John";
console.log(String.raw`Hello, ${name}!`); // Output: "Hello, John!"

24. trimLeft(): Удаляет пробелы в начале строки.

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

25. trimRight(): Удаляет пробелы в конце строки.

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

26. toLocaleLowerCase(): преобразует строку в нижний регистр в зависимости от языкового стандарта хоста.

let str = "Hello World!";
console.log(str.toLocaleLowerCase()); // Output: "hello world!" (depending on the host's locale)

27. toLocaleUpperCase(): преобразует строку в верхний регистр в зависимости от языкового стандарта хоста.

let str = "Hello World!";
console.log(str.toLocaleUpperCase()); // Output: "HELLO WORLD!" (depending on the host's locale)

28. localeCompare(): сравнивает строку вызова с указанной строкой и возвращает число, указывающее, является ли строка вызова меньше, равна или больше указанной строки, в зависимости от языкового стандарта хоста.

let str1 = "Hello";
let str2 = "World";
console.log(str1.localeCompare(str2)); // Output: -1
console.log(str2.localeCompare(str1)); // Output: 1
console.log(str1.localeCompare(str1)); // Output: 0

29. valueOf(): возвращает примитивное значение строкового объекта.

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

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

let str = "Hello World!";
console.log(str.charCodeAt(0)); // Output: 72
console.log(str.charCodeAt(1)); // Output: 101

31. fromCharCode(): возвращает строку, созданную с использованием указанной последовательности значений Unicode.

let str = String.fromCharCode(72, 101, 108, 108, 111);
console.log(str); // Output: "Hello"

32. toString(): возвращает значение строкового объекта.

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

33. anchor(): создает элемент привязки HTML и возвращает элемент привязки в виде строки.

let str = "Hello World!";
console.log(str.anchor("myAnchor")); // Output: "<a name='myAnchor'>Hello World!</a>"

34. big(): Оборачивает строковое значение вызова в большой элемент HTML и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.big()); // Output: "<big>Hello World!</big>"

35. blink(): Оборачивает строковое значение вызова в элемент HTML blink и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.blink()); // Output: "<blink>Hello World!</blink>"

36. bold(): Оборачивает строковое значение вызова в HTML-элемент b и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.bold()); // Output: "<b>Hello World!</b>"

37. fixed(): Оборачивает строковое значение вызова в HTML-элемент tt и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.fixed()); // Output: "<tt>Hello World!</tt>"

38. fontcolor(): Оборачивает строковое значение вызова в элемент шрифта HTML с атрибутом цвета и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.fontcolor("red")); // Output: "<font color='red'>Hello World!</font>"

39. fontsize(): Оборачивает строковое значение вызова в элемент шрифта HTML с атрибутом размера и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.fontsize(7)); // Output: "<font size='7'>Hello World!</font>"

40. italics(): Оборачивает строковое значение вызова в элемент HTML i и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.italics()); // Output: "<i>Hello World!</i>"

41. link(): Оборачивает строковое значение вызова в элемент HTML с атрибутом href и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.link("https://www.example.com")); // Output: "<a href='https://www.example.com'>Hello World!</a>"

42. small(): Оборачивает строковое значение вызова в небольшой элемент HTML и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.small()); // Output: "<small>Hello World!</small>"

43. strike(): Оборачивает строковое значение вызова в элемент предупреждения HTML и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.strike()); // Output: "<strike>Hello World!</strike>"

44. sub(): Оборачивает строковое значение вызова в подэлемент HTML и возвращает элемент в виде строки.

let str = "Hello World!";
console.log(str.sub()); // Output: "<sub>Hello World!</sub>"

Я надеюсь, что эти примеры будут полезны! Дайте знать, если у вас появятся вопросы.

Что такое строковые методы в JavaScript?

Похожие вопросы