Методы строковых объектов. Изменение регистра

Пожалуй, из всех объектов JavaScript, объект String обладает самым широким набором методов. Одни извлекают части строк, другие присваивают им стиль, шрифт и так далее.

Давайте же разберемся с основными методами:

Как изменить регистр Javascript.

Иногда перед нами может встать задача, которая потребует преобразования всей строки в верхний или нижний регистр (скажем, когда надо сравнить строки в программе с теми, что ввел пользователь, а он сделал это КАПСОМ). Для этого используются следующие методы:

.toUpperCase() - перевести в верхний регистр

.toLowerCase() - перевод в нижний регистр

Давайте сделаем это более наглядно при помощи маленькой "программки":


ЗадачаЗадача:

Создать программу, сравнивающую введенную пользователем строку со строкой, которая задана в программе. Эдакую элементарную "капчу"


 

Сперва, зададим переменную test:

var test = "Я люблю JavaScript!";

Теперь необходимо дать задание пользователю ввести текст:

var userinput = prompt('Введите фразу \"'+ test + "\"");


Важная информация

Внимание! Для того, чтобы отобразить кавычки в тексте alert, prompt, confirm и прочих случаях, когда они находятся внутри других кавычек, необходимо перед ними поставить \


Итак, у нас есть заданный текст и текст, который ввел пользователь, но мы не уверены, что он ввел все буквы абсолютно в соответствии с задачей.

Поэтому просто переведем все в положение нижнего регистра и сравним обе переменных, выведя на экран результат в случае совпадения и в случае различий:

if (test.toLowerCase() == userinput.toLowerCase())
{
alert("Спасибо, что любите JavaScript!")
}
else {alert("Ну и ладно")};


В принципе, не должно стать большим трудом и создание подобной формы прямо на странице. Это может быть полезно для реализации викторин или сценариев, где пользователю необходимо ответить на вопросы. Разобраться как это сделать можно при помощи статьи Параллельные массивы JavaScript. Часть 1 и Параллельные массивы в Javascript. Часть 2.

Предлагаю сделать это самостоятельно. Вот ссылка на результат того,что должно примерно получиться.

Ну и готовый ответ Развернуть/свернуть