Руководство для начинающих по строковым методам в JavaScript

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

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

'This is a string.'
"This is also a string."

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


charAt()

Возвращает символ по определенному индексу. Как упоминалось выше, все строки имеют нулевые индексы. В строке hello, например, h находится под индексом 0, e — под индексом 1, l — под индексом 2 и так далее. Мы можем получить доступ к каждому символу двумя способами. Первый — с помощью метода charAt():

'hello'.charAt(0); // gives value "h"
Войти в полноэкранный режим Выйти из полноэкранного режима

Поскольку со строками можно обращаться как с массивами, вы можете получить доступ к одному и тому же значению, используя номер индекса в квадратных скобках:

'hello'[0];  // also gives value "h"
Войти в полноэкранный режим Выход из полноэкранного режима

concat()

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

let str1 = 'Hello, ';
let str2 = 'World.';
let result = str1.concat(str2); // returns 'Hello, World."
Войти в полноэкранный режим Выход из полноэкранного режима

Существует второй способ легко объединить строки в JavaScript: используйте оператор объединения +.

'race' + 'car' // returns 'racecar'
Вход в полноэкранный режим Выход из полноэкранного режима

Интересно, что если вы объединяете нестроковые переменные, JavaScript преобразует их в строки. Например:

console.log('huge' + 100 + false); // logs 'huge100false'
Ввести полноэкранный режим Выйти из полноэкранного режима

includes()

Этот метод вернет true, если вызванная строка содержит указанную строку. Метод чувствителен к регистру.

let text = 'I am the best at coding.';
let doesItInclude = text.includes('best'); // returns 'true'
Войти в полноэкранный режим Выйти из полноэкранного режима

indexOf()

Этот метод возвращает позицию первого вхождения указанного значения в строке. Он вернет -1, если значение не будет найдено вообще. Как и include(), он чувствителен к регистру.

let text = 'I love to code!';
let result = text.indexOf('love'); // returns '2'
Вход в полноэкранный режим Выйти из полноэкранного режима

Вы можете добавить необязательный второй аргумент: позицию, с которой нужно начинать (по умолчанию 0).


length

Проще говоря, эта функция возвращает длину строки, для которой она была вызвана.

'Amazing!'.length; // returns 8
Вход в полноэкранный режим Выйти из полноэкранного режима

повторить()

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

'I love JavaScript!'.repeat(4); // returns 'I love JavaScript!I love JavaScript!I love JavaScript!I love JavaScript!'
Войти в полноэкранный режим Выйти из полноэкранного режима

slice()

Slice извлекает часть строки, заданную одним или двумя параметрами: Первый — начальная позиция, второй — место окончания (до, но не включая) фрагмента. Если второй аргумент не указан, по умолчанию используется вся длина строки. Этот метод возвращает новую строку. Отрицательное число будет выбирать с конца строки.

let sentence = 'Hello, World!';
let result = sentence.slice(7, 12); // returns 'World'

let result2 = sentence.slice(7); // returns 'World!'
Войти в полноэкранный режим Выход из полноэкранного режима

split()

Этот метод берет строку и разбивает ее на массив, содержащий подстроки. Он вернет новый массив без изменения исходной строки. Это особенно полезно, если вы хотите разделить предложение на несколько отдельных слов.

let sentence = 'An array would be nice!';
const myArray = sentence.split(' ');

myArray; // returns ['An', 'array', 'would', 'be', 'nice!']
Войти в полноэкранный режим Выход из полноэкранного режима

toLowerCase() и toUpperCase()

Этот простой метод возвращает новую строку, в которой буквы исходной строки преобразованы в строчные. toUpperCase() берет строку и переводит все буквы в верхний регистр.

let text = 'I am the greatest!';
text.toUpperCase(); // returns 'I AM THE GREATEST!'
Вход в полноэкранный режим Выход из полноэкранного режима

toString()

Этот метод немного отличается от других, потому что он превращает другие типы данных в JavaScript в строку. Вы можете преобразовывать числа, булевы или даже объекты в строки.

(15).toString(); // returns '15'
(false).toString(); // returns 'false'
Войти в полноэкранный режим Выход из полноэкранного режима

Это был обзор распространенных строковых методов, используемых в JavaScript. Более полный список можно найти на MDN Web Docs.

Спасибо за чтение!

Оцените статью
devanswers.ru
Добавить комментарий