css.in.ua
Підтримати

Наповнення JS розділу

Добридень, Пані та Панове, завдяки вам вдалося зібрати більше 19тис грн з необхідних 15тис на впровадження JS розділу.

JS розділ вже впроваджено - переходимо до його наповнення і почнемо бігти довгий марафон, адже JS має більше 1100 різноманітних методів, властивостей, подій і т.д., які необхідно описати.

Будемо працювати, і вдень, і вночі, щоб орієнтовно взимку закінчити наповнювати JS розділ!

Ви також можете допомогти нам в цьому. Долучайтеся до нашої спільноти в дискорді - ставайте її частиною і допомагайте нашому розвитку.

Також, підтримуйте нас матеріально.

Підтримати матеріально

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() коректно обробляє велику літеру ß. Це підкреслює значення методу у сценаріях, де точне відображення регіональних особливостей мови є критичним.

Порада:

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

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

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

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

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

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

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

const germanText = "Über uns";
const lowerCaseGermanText = germanText.toLocaleLowerCase("de-DE");
console.log(lowerCaseGermanText); // "über uns"

Синтаксис

toLocaleLowerCase()
toLocaleLowerCase(locales)

Параметри

locales

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

Return

string

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

Переглядачі

Переглядач

1

1

1.3

4

12
Переглядач

4.4

18

4

1
Переглядач

0.10.0

1.0

Приклади


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

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

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

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

console.log(lowerCaseString); // Результат: "привіт, світ!"

У цьому прикладі ми маємо масив слів 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); // Результат: ["Рік", "річка"]

Документи

Зв'язок