Преобразование строки в заглавный регистр

Введение

В этом практическом занятии мы изучим, как преобразовать строку в заглавный регистр с использованием JavaScript. Мы будем использовать регулярные выражения для разделения строки на слова и затем сделать заглавной первую букву каждого слова. В конце этого практического занятия вы будете лучше понимать, как манипулировать строками в JavaScript и применять этот метод для форматирования текста в ваших веб-приложениях.

Функция для преобразования строки в заглавный регистр

Для преобразования заданной строки в заглавный регистр используйте следующую функцию. Она использует String.prototype.match(), чтобы разбить строку на слова с использованием соответствующего регулярного выражения. Затем она объединяет их с использованием Array.prototype.map(), Array.prototype.slice(), Array.prototype.join() и String.prototype.toUpperCase(). Это делает заглавной первую букву каждого слова и добавляет пробел между ними.

const toTitleCase = (str) =>
  str
    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
    .join(" ");

Вот несколько примеров использования этой функции:

toTitleCase("some_database_field_name"); // 'Some Database Field Name'
toTitleCase("Some label that needs to be title-cased");
// 'Some Label That Needs To Be Title Cased'
toTitleCase("some-package-name"); // 'Some Package Name'
toTitleCase("some-mixed_string with spaces_underscores-and-hyphens");
// 'Some Mixed String With Spaces Underscores And Hyphens'

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию строки в заглавный регистр. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.