Виталий Котов
Как работает метод charAt() - JavaScript
Метод charAt() возвращает символ по указанному индексу в строке.
// объявление строки
const string = "Hello World!";
// поиск символа по индексу 1
let index1 = string.charAt(1);
console.log("Символ по индексу 1: " + index1);
// Вывод в консоль:
// Символ по индексу 1: e
Синтаксис charAt()
Синтаксис метода charAt() следующий:
str.charAt(index);
Где str - это строка.
Параметры charAt()
Метод charAt() принимает:
index- целое число от 0 до str.length - 1. Еслиindexне может быть преобразован в целое число или не указан, используется значение по умолчанию 0.
Примечание: str.length возвращает длину заданной строки.
charAt() позволяет получить символ по его индексу в строке. Для уверенной работы с этим методом и понимания особенностей работы со строками в JavaScript полезно знать продвинутые концепции, такие как работа с Unicode и кодировками. Если вы хотите детальнее погрузиться в продвинутые знания языка — приходите на наш большой курс JavaScript Advanced. На курсе 196 уроков и 18 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.
Возвращаемое значение charAt()
Возвращает строку, представляющую символ по указанному index.
Примеры
Пример 1: Использование метода charAt() с целочисленным значением индекса
// объявление строки
const string1 = "Hello World!";
// поиск символа по индексу 8
let index8 = string1.charAt(8);
console.log("Символ по индексу 8: " + index8);
Вывод в консоль:
Символ по индексу 8: r
В приведенной выше программе string1.charAt(8) возвращает символ заданной строки с индексом 8.
Поскольку индексация строки начинается с 0, индекс «r» равен 8. Следовательно, index8 возвращает «r».
Пример 2: charAt() с нецелочисленным значением индекса
const string = "Hello World";
// поиск символа по индексу 6.3
let result1 = string.charAt(6.3);
console.log("Символ по индексу 6.3: " + result1);
// поиск символа по индексу 6.9
let result2 = string.charAt(6.9);
console.log("Символ по индексу 6.9: " + result2);
// поиск символа по индексу 6
let result3 = string.charAt(6);
console.log("Символ по индексу 6: " + result3);
Вывод в консоль:
Символ по индексу 6.3: W
Символ по индексу 6.9: W
Символ по индексу 6: W
Здесь нецелочисленные значения индекса 6.3 и 6.9 преобразуются в ближайший целочисленный индекс 6. Таким образом, и string.charAt(6.3), и string.charAt(6.9) возвращают "W", как и string.charAt(6).
Пример 3: Без передачи параметра в charAt()
let sentence = "Happy Birthday to you!";
// передача пустого параметра в charAt()
let index4 = sentence.charAt();
console.log("Символ по индексу 0: " + index4);
Вывод в консоль:
Символ по индексу 0: H
Здесь мы не передали ни одного параметра в метод charAt(). Значение индекса по умолчанию равно 0, поэтому sentence.charAt() возвращает символ с индексом 0, который равен «H».
Пример 4: Значение индекса вне диапазона в charAt()
let sentence = "Happy Birthday to you!";
// поиск символа по индексу 100
let result = sentence.charAt(100);
console.log("Символ по индексу 100: " + result);
Вывод в консоль:
Символ по индексу 100:
В приведенной выше программе мы передали 100 в качестве значения индекса. Поскольку в «Happy Birthday to you!» нет элемента со значением индекса 100, метод charAt() возвращает пустую строку.
Метод charAt() — базовый инструмент для работы со строками в JavaScript. Чтобы углубить свои знания о работе со строками, изучить современные подходы и продвинутые техники, посетите наш курс JavaScript Advanced. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в продвинутый JavaScript прямо сегодня.
Постройте личный план изучения Javascript до уровня Middle — бесплатно!
Javascript — часть карты развития Frontend
100+ шагов развития
30 бесплатных лекций
300 бонусных рублей на счет
Бесплатные лекции
Все гайды по Javascript
Лучшие курсы по теме

Основы JavaScript
Антон Ларичев
TypeScript с нуля
Антон Ларичев