В JavaScript существует несколько методов преобразования абзаца или любого текста в верхний регистр. В этой статье мы рассмотрим различные подходы с примерами кода, демонстрирующими, как преобразовать текст в верхний регистр в JavaScript. Давайте погрузимся!

Метод 1: использование метода toUpperCase()
Метод toUpperCase() — это встроенная функция JavaScript, которая преобразует строку в верхний регистр. Его можно применить к отдельным строкам или ко всему абзацу.

const paragraph = "This is a sample paragraph.";
const uppercaseParagraph = paragraph.toUpperCase();
console.log(uppercaseParagraph);

Вывод:
ЭТО ПРИМЕР АБЗАЦА.

Метод 2: использование свойства CSS text-transform
Другой способ преобразования текста в верхний регистр — использование CSS. Вы можете применить свойство text-transform: uppercaseк стилю абзаца.

<style>
  .uppercase-paragraph {
    text-transform: uppercase;
  }
</style>
<p class="uppercase-paragraph">This is a sample paragraph.</p>

Вывод:
ЭТО ПРИМЕР АБЗАЦА.

Метод 3: использование регулярных выражений
Регулярные выражения также можно использовать для преобразования текста в верхний регистр в JavaScript. Используя функцию replace()с регулярным выражением, мы можем сопоставить весь абзац и преобразовать его в верхний регистр.

const paragraph = "This is a sample paragraph.";
const uppercaseParagraph = paragraph.replace(/./g, function (char) {
  return char.toUpperCase();
});
console.log(uppercaseParagraph);

Вывод:
ЭТО ПРИМЕР АБЗАЦА.

Метод 4. Использование методов массива map() и join().
Если абзац разделен на массив слов, мы можем использовать функцию map()для преобразования каждого слова в верхний регистр. а затем снова соедините их в абзац.

const paragraph = "This is a sample paragraph.";
const words = paragraph.split(" ");
const uppercaseWords = words.map(function (word) {
  return word.toUpperCase();
});
const uppercaseParagraph = uppercaseWords.join(" ");
console.log(uppercaseParagraph);

Вывод:
ЭТО ПРИМЕР АБЗАЦА.

В этой статье мы рассмотрели различные методы преобразования абзаца в верхний регистр в JavaScript. Мы узнали, как использовать метод toUpperCase(), свойство CSS text-transform, регулярные выражения и методы работы с массивами. Применяя эти методы, вы можете легко преобразовать текст в верхний регистр в своих проектах JavaScript.

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