JS метод String.toLocaleUpperCase()


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

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

Для використання toLocaleUpperCase() достатньо викликати метод на рядковому об'єкті. Наприклад, let myString = "привіт".toLocaleUpperCase(); поверне "ПРИВІТ". Цей метод також дозволяє вказати локаль як аргумент, наприклад, myString.toLocaleUpperCase('tr-TR') для турецької локалі, де відбувається особливе перетворення букв.

Важлива особливість toLocaleUpperCase() полягає в тому, що він враховує локальні особливості мови, тобто не просто перетворює рядок на верхній регістр, але й робить це з урахуванням специфіки мови. Наприклад, німецька літера "ß" в верхньому регістрі перетворюється на "SS". Це робить метод особливо корисним для міжнародних проектів, де потрібно забезпечити коректне відображення тексту для різних мов.

Також варто згадати про взаємодію з іншими методами рядків. Наприклад, toLocaleUpperCase() часто використовується разом з toLocaleLowerCase(), що дозволяє створювати рядки, де деякі частини тексту великими літерами, а інші - маленькими, з урахуванням локальних особливостей. Це може бути корисним для створення заголовків або акцентування уваги на певних словах у міжнародних додатках.

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

автор: Bond

Порада

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

автор: Bond
Нотатка

Важливо розуміти, що toLocaleUpperCase() враховує локальні особливості алфавіту. Наприклад, у турецькій мові велика версія літери i буде не I, а İ. Така поведінка важлива для міжнародних додатків, де потрібно правильно відображати текст в різних мовах.

автор: Bond
Нотатка

Цей метод не змінює початковий рядок, а повертає новий з великими літерами. Це означає, що вам потрібно зберегти результат в новій змінній або перезаписати стару, якщо це необхідно. Наприклад, let smallText = "Малий текст"; let bigText = smallText.toLocaleUpperCase(); тепер bigText буде "МАЛИЙ ТЕКСТ".

автор: Bond

Синтаксис

toLocaleUpperCase()
toLocaleUpperCase(locales)

Параметри

locales

Рядок з тегом мови BCP 47 або масив таких рядків. Вказує локаль, яка буде використовуватися для перетворення рядка в верхній регістр згідно з локалізованими правилами перетворення регістру символів.

автор: Bond

Повернення

string

Повертає новий рядок, який є копією вихідного рядка, перетвореного на великі літери. Це перетворення виконується з урахуванням локалізованих правил перетворення регістру символів, якщо було вказано локаль у аргументі методу. Тип поверненого даних - рядок (String). Наприклад, якщо вихідний рядок був "привіт", результатом виконання toLocaleUpperCase() буде "ПРИВІТ".

автор: Bond

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1 1 1.3 4 12 5.5
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
4.4 18 4 1
Підтримка: серверні переглядачі
Переглядач Node.js Deno
0.10.0 1.0

Приклади

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

Цей приклад демонструє, як використовувати метод toLocaleUpperCase() у динамічному веб-інтерфейсі. Користувач вводить текст, натискає кнопку, і введений текст перетворюється на верхній регістр, що демонструється у відповідному блоку.

автор: Bond

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

// Вхідний рядок
let message = "Привіт, світ!";

// Перетворення на верхній регістр
let upperMessage = message.toLocaleUpperCase();

console.log(upperMessage); // Виведе "ПРИВІТ, СВІТ!"
автор: Bond

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

// Вхідний рядок на турецькій мові
let turkishText = "istanbul";

// Перетворення на верхній регістр, використовуючи турецьку локаль
let upperTurkishText = turkishText.toLocaleUpperCase('tr-TR');

console.log(upperTurkishText); // Виведе "İSTANBUL" замість "ISTANBUL"
автор: Bond

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Як форматувати текст?
Пишемо Виходить
**важливо**
*акцент*
~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад
### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]] Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org) Посилання на чужий сайт.
![Схема каскаду](https://site.com/схема.png) Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру Код усередині речення.
```css
.card { display: grid }
```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження
1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади
- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги. Цитата на всю ширину абзацу.
Специфічність
: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1]
[^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два|| Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішення
Задайте контейнеру `display: grid`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід