toUpperCase() - метод для перевода строки в верхний регистр в JavaScript

toUpperCase() переводит строку в верхний регистр.

Это удобно, когда нужно привести текст к одному формату перед сравнением, выводом или проверкой.

Синтаксис

str.toUpperCase()

Метод вызывается у строки и возвращает новую строку.

Как работает toUpperCase()

const text = "JavaScript";
const result = text.toUpperCase();

console.log(result); // "JAVASCRIPT"

Если в строке уже нет строчных букв, результат останется тем же.

console.log("HELLO".toUpperCase()); // "HELLO"

Исходная строка не меняется

Строки в JavaScript неизменяемы, поэтому toUpperCase() не меняет исходную строку, а возвращает новое значение.

const text = "hello";
const upper = text.toUpperCase();

console.log(text);  // "hello"
console.log(upper); // "HELLO"

Когда это полезно

toUpperCase() часто используют, когда:

нужно сравнить строки без учёта регистра
надо нормализовать пользовательский ввод
хочется выделить текст в интерфейсе или отчёте

Пример:

const code = "js";

console.log(code.toUpperCase()); // "JS"

Сравнение строк без учёта регистра

const a = "JavaScript";
const b = "JAVASCRIPT";

console.log(a.toUpperCase() === b.toUpperCase()); // true

Это частый и простой способ сделать сравнение без учёта регистра.

Поиск без учёта регистра

const text = "Hello World";

console.log(text.toUpperCase().includes("HELLO")); // true

toUpperCase() и toLowerCase()

toUpperCase() переводит строку в верхний регистр, а toLowerCase() - в нижний.

console.log("JavaScript".toUpperCase()); // "JAVASCRIPT"
console.log("JavaScript".toLowerCase()); // "javascript"

Частые ошибки

Ожидать, что toUpperCase() меняет строку на месте

let text = "hello";

text.toUpperCase();
console.log(text); // "hello"

Нужно сохранить результат:

let text = "hello";

text = text.toUpperCase();
console.log(text); // "HELLO"

Вызывать toUpperCase() не у строки

// 123.toUpperCase(); // Ошибка

Если значение может быть не строкой, его сначала приводят к строке:

const value = 123;

console.log(String(value).toUpperCase()); // "123"

Быстрая памятка

toUpperCase() переводит строку в верхний регистр
метод возвращает новую строку
исходная строка не меняется
часто используется для сравнения и поиска без учёта регистра
работает только у строк

Коротко

toUpperCase() - это метод строки в JavaScript, который переводит текст в верхний регистр. Чаще всего его используют для нормализации строк перед сравнением, поиском и форматированием вывода.