JS метод String.toLocaleLowerCase()


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

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

Використання toLocaleLowerCase():

  1. Основний випадок:

    let message = "Привіт, СВІТ!";
    console.log(message.toLocaleLowerCase()); // "привіт, світ!"
    

    Тут toLocaleLowerCase() перетворює всі символи у рядку message на нижній регістр.

  2. З урахуванням локалі:

    let text = "İSTANBUL";
    console.log(text.toLocaleLowerCase('tr-TR')); // "i̇stanbul"
    

    У цьому випадку, toLocaleLowerCase('tr-TR') враховує особливості турецької мови, де велика літера İ перетворюється на i з точкою.

Особливості та практичне використання:

  • Локалізація: Важливою особливістю цього методу є можливість вказати локаль, що дозволяє коректно обробляти рядки у різноманітних мовних середовищах.
  • Універсальність: Цей метод є корисним для стандартизації текстових даних, наприклад, при введенні або пошуку, щоб уникнути помилок через різницю у регістрах.
  • Не змінює оригінальний рядок: Як і більшість методів рядків, toLocaleLowerCase() повертає новий рядок, не модифікуючи оригінальний.

Приклад з особливістю локалізації:

let germanText = "Groß";
console.log(germanText.toLocaleLowerCase('de-DE')); // "groß"

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

автор: Bond

Порада

Метод toLocaleLowerCase() корисний для перетворення всіх символів рядка на нижній регістр з урахуванням локальних особливостей мови. Він може бути корисним, коли потрібно зробити рядок менш чутливим до регістру при порівнянні або пошуку даних.

const text = "Привіт СВІТ";
const lowerCaseText = text.toLocaleLowerCase();
console.log(lowerCaseText); // "привіт світ"
автор: Bond
Порада

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

const englishText = "Hello World";
const lowerCaseEnglishText = englishText.toLocaleLowerCase();
console.log(lowerCaseEnglishText); // "hello world"
автор: Bond
Порада

При роботі з даними, введеними користувачем, важливо мати можливість обробляти рядки незалежно від регістру, щоб забезпечити зручність введення та пошуку.

const userInput = "UsErNaMe";
const formattedUserInput = userInput.toLocaleLowerCase();
console.log(formattedUserInput); // "username"
автор: Bond
Порада

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

const germanText = "Über uns";
const lowerCaseGermanText = germanText.toLocaleLowerCase("de-DE");
console.log(lowerCaseGermanText); // "über uns"
автор: Bond

Синтаксис

toLocaleLowerCase()
toLocaleLowerCase(locales)

Параметри

locales

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

автор: Bond

Повернення

string

Повертає новий рядок, який представляє вихідний рядок, перетворений у верхній регістр відповідно до будь-яких локально-специфічних відповідностей регістру.

автор: 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

Приклади

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

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

// Масив слів для порівняння
const words = ["Рік", "річка", "РИБА", "різниця"];

// Слово, яке ми шукаємо
const searchWord = "рік";

// Використовуємо метод toLocaleLowerCase() для фільтрації та порівняння
const filteredWords = words.filter(word => {
  return word.toLocaleLowerCase("uk-UA") === searchWord.toLocaleLowerCase("uk-UA");
});

console.log(filteredWords); // Результат: ["Рік", "річка"]
автор: Bond

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

автор: Bond

У цьому прикладі ми беремо початковий рядок originalString, який містить текст з великими та малими літерами, і застосовуємо метод toLocaleLowerCase() з локалізацією "uk-UA" (українська локалізація). Результатом є рядок, в якому всі літери перетворені в нижній регістр з врахуванням правил української локалізації.

// Початковий рядок
const originalString = "Привіт, СВІТ!";

// Використовуємо метод toLocaleLowerCase() з урахуванням локалізації
const lowerCaseString = originalString.toLocaleLowerCase("uk-UA");

console.log(lowerCaseString); // Результат: "привіт, світ!"
автор: 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`.
||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.

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

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