JS метод String.toUpperCase()

Загальний опис

Метод String.prototype.toUpperCase() є вбудованою функцією, що перетворює всі символи даного рядка на відповідні символи верхнього регістру. Цей метод не змінює оригінальний рядок, а повертає новий рядок, де всі символи переведені у верхній регістр. Він є корисним у ситуаціях, коли необхідно забезпечити однорідність форматування тексту, наприклад, при перетворенні вводу користувача для подальшої обробки або при відображенні тексту у вигляді заголовків або акцентованих повідомлень.

Основне застосування toUpperCase() полягає у перетворенні рядків у формат, де всі літери великі, що може бути корисним для нормалізації текстових даних. Наприклад, якщо програма очікує ввід користувача у вигляді великих літер, метод може автоматично перетворити вхідні дані, незалежно від того, як вони були введені.

Прості Приклади

Найпростіший приклад використання toUpperCase() включає в себе перетворення звичайного рядка у формат з великими літерами:

let lowerCaseString = "це текст малими літерами";
let upperCaseString = lowerCaseString.toUpperCase();
console.log(upperCaseString); // Виведе: "ЦЕ ТЕКСТ МАЛИМИ ЛІТЕРАМИ"

У цьому прикладі метод toUpperCase() викликається для рядка lowerCaseString і повертає новий рядок upperCaseString, де всі літери переведені у верхній регістр.

Складніші Сценарії

У складніших сценаріях toUpperCase() може бути використаний разом з іншими методами рядків для досягнення більш специфічних цілей. Наприклад, можна використати toUpperCase() разом з методом split() для перетворення кожного слова у рядку на верхній регістр:

let phrase = "Hello, how are you?";
let upperCaseWords = phrase.split(" ").map(word => word.toUpperCase()).join(" ");
console.log(upperCaseWords); // Виведе: "HELLO, HOW ARE YOU?"

Тут рядок спочатку розбивається на слова за допомогою split(" "), потім кожне слово перетворюється у верхній регістр методом toUpperCase(), а потім всі слова об'єднуються назад у один рядок за допомогою join(" ").

Перетворення Даних Користувача

Метод toUpperCase() також широко використовується для нормалізації вводу користувача, особливо в системах, де регістр символів має значення, наприклад, при порівнянні рядків:

let userInput = "[email protected]";
let normalizedInput = userInput.toUpperCase();

if (normalizedInput === "[email protected]") {
  console.log("Адреса електронної пошти введена правильно.");
} else {
  console.log("Адреса електронної пошти введена неправильно.");
}

У цьому прикладі, перетворення електронної адреси користувача у верхній регістр допомагає уникнути помилок при порівнянні рядків через відмінності у регістрах.

правити

Порада

Метод toUpperCase() ефективно використовується для нормалізації введення користувача, особливо у випадках, коли реєстр символів не має значення. Наприклад, під час перевірки логіна або адреси електронної пошти, ви можете перетворити ввід користувача на верхній регістр, щоб уникнути розбіжностей через різницю у реєстрі.

автор: Bond правити

Порада

Важливо пам'ятати, що toUpperCase() не змінює оригінальний рядок, а створює новий рядок із символами у верхньому регістрі. Таким чином, якщо вам потрібно зберегти результат, слід присвоїти його новій змінній або переприсвоїти оригінальній змінній.

автор: Bond правити

Порада

Цей метод також може бути корисним при відображенні тексту, щоб гарантувати єдність стилю, особливо в інтерфейсах користувача або при генерації звітів. Проте, слід уникати використання toUpperCase() для відображення тексту, якщо це може вплинути на зрозумілість або читабельність, наприклад, у повнотекстових статтях.

автор: Bond правити

Порада

При роботі з мультикультурними даними слід бути уважним, оскільки метод toUpperCase() може не завжди поводитися очікуваним чином із символами, що не входять до англійського алфавіту. Наприклад, в деяких мовах є випадки, коли перехід до верхнього регістру вимагає додаткових перетворень, не підтримуваних стандартним toUpperCase().

автор: Bond правити

+ додати пораду чи нотатку

Синтаксис

toUpperCase()

Повернення

string

Повертає новий рядок, у якому кожен символ початкового рядка перетворено на відповідний символ у верхньому регістрі. Цей метод не впливає на оригінальний рядок, забезпечуючи створення повністю нового рядка з перетвореними символами. Результатом є примітивний рядковий тип, який може бути використаний у будь-якому контексті, де потрібні рядки у верхньому регістрі.

автор: Bond

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі Серверні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	1	1	3	12

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	4	1

Підтримка: серверні переглядачі

Переглядач
	0.10.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

let myString = "Привіт, світе!";
let upperString = myString.toUpperCase();

console.log(upperString); // Виводить: "ПРИВІТ, СВІТЕ!"

function compareStringsIgnoreCase(str1, str2) {
    return str1.toUpperCase() === str2.toUpperCase();
}

let string1 = "JavaScript";
let string2 = "javascript";

console.log(compareStringsIgnoreCase(string1, string2)); // true