логотип PurpleSchool
логотип PurpleSchool

Как работает метод charCodeAt() - JavaScript

Автор

Виталий Котов

Метод charCodeAt() возвращает целое число от 0 до 65535, представляющее кодовую единицу UTF-16 с заданным индексом.

// объявление строки
const greeting = "Good morning!";

// Единица кода UTF-16 символа с индексом 5
let result = greeting.charCodeAt(5);

console.log(result);

// Вывод в консоль: 109

Синтаксис charCodeAt()

Синтаксис метода charCodeAt() следующий:

str.charCodeAt(index);

Где str - это строка.

Параметры charCodeAt()

Метод charCodeAt() принимает:

  • index — целое число от 0 до (str.length — 1).

Примечание: str.length возвращает длину заданной строки.

Возвращаемое значение charCodeAt()

Возвращает число, представляющее значение кодовой единицы UTF-16 символа по заданному индексу.

Примечания:

  • Метод charCodeAt() всегда возвращает значение меньшее 65 536.
  • Если точка Unicode не может быть представлена в одной единице кода UTF-16 (значения больше 0xFFFF), то возвращается первая часть пары для этой точки кода.

Примеры

Пример 1: Использование метода charCodeAt()

const greeting = "Good morning!";

// Единица кода UTF-16 символа с индексом 5
let result1 = greeting.charCodeAt(5);

console.log(result1);

// Единица кода UTF-16 символа с индексом 5.2
let result2 = greeting.charCodeAt(5.2);

console.log(result2);

// Единица кода UTF-16 символа с индексом 5.9
let result3 = greeting.charCodeAt(5.9);

console.log(result3);

Вывод в консоль:

109
109
109

В приведенном выше примере мы используем метод charCodeAt() для доступа к кодовой единице UTF-16 символа с индексом 5.

Поскольку символ, присутствующий в индексе 5, - это "m", метод возвращает кодовую единицу UTF-16 символа "m".

Аналогично, для нецелых индексов 5.2 и 5.9 числа преобразуются в ближайшее целое значение, т.е. 5, поэтому метод снова возвращает кодовую единицу UTF-16 символа "m", т.е. 109.

Пример 2: Метод charCodeAt() с индексом вне диапазона

const greeting = "Good morning!";

// передача индекса, превышающего длину строки
let result3 = greeting.charCodeAt(18);

console.log(result3);

// передача неотрицательного значения индекса
let result4 = greeting.charCodeAt(-9);

console.log(result4);

Вывод в консоль:

NaN
NaN

В приведенном выше примере мы создали строку "Good morning!".

Здесь оба кода greeting.charCodeAt(18) и greeting.charCodeAt(-9) возвращают NaN, потому что индексы 18 и -9 отсутствуют в данной строке.

Пример 3: charCodeAt() с параметром по умолчанию

const greeting = "Good morning!";

// без передачи параметра в charCodeAt()
let result1 = greeting.charCodeAt();

console.log(result1);

// передача 0 в качестве параметра
let result2 = greeting.charCodeAt(0);

console.log(result2);

Вывод в консоль:

71
71

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

Поэтому метод возвращает единицу кода UTF-16 символа с индексом 0, т.е. 71.

Стрелочка влевоКак работает метод codePointAt() - JavaScriptКак работает метод charAt() - JavaScriptСтрелочка вправо

Постройте личный план изучения Javascript до уровня Middle — бесплатно!

Javascript — часть карты развития Frontend

  • step100+ шагов развития
  • lessons30 бесплатных лекций
  • lessons300 бонусных рублей на счет

Бесплатные лекции

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний

Лучшие курсы по теме

изображение курса

Основы JavaScript

Антон Ларичев
иконка часов12 бесплатных уроков
иконка звёздочки рейтинга4.8
Backend
Frontend
Mobile
изображение курса

TypeScript с нуля

Антон Ларичев
иконка часов21 бесплатный урок
иконка звёздочки рейтинга4.7
Backend
Frontend
Mobile
изображение курса

Next.js - с нуля

Антон Ларичев
иконка часов23 бесплатных урока
иконка звёздочки рейтинга4.7
Frontend