Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Свойство length - Объект String Регистр строки - toUpperCase и toLowerCase Поиск в строке - indexOf и lastIndexOf

Методы toUpperCase и toLowerCase в JavaScript - Регистр строки - Объект String

Свойства и методы строковых объектов - Объект String

Урок №2 Регистр строки - toUpperCase и toLowerCase

Количество просмотров: 13172

Здесь мы изучим два метода объекта String. Методы toUpperCase и toLowerCase применимы к строковым значениям/строкам и позволяю перевести строку либо в верхний, либо в нижний регистр.

Но для чего это нужно? Где эти методы могут встречаться на практике?

 

Например, Вы делаете тест, то есть пользователь отвечает на поставленные вопросы.

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

Но, как Вы помните, с  точки зрения JavaScript «Воронеж», то есть слово с большой буквы и «воронеж», то есть слово с маленькой буквы  или же «ВОРОНЕЖ»это разные вещи.

Поэтому в JavaScript созданы методы toUpperCase и toLowerCase, позволяющие перевести строки в верхний и нижний регистр соответственно.  Таким образом, при помощи этих методов разработчик любые строки  введенные пользователем может сводить к одному регистру.

Метод toUpperCase в JavaScript - Верхний регистр строки

Метод toUpperCase в JavaScript - Верхний регистр строки

Метод toUpperCase в JavaScript переводит символы строки в верхний регистр. Рассмотрим пример, как работает метод toUpperCase.

<script type="text/javascript">

var name = "Антон";

var newName = name.toUpperCase(); /* Преобразование символов строки в верхний регистр */

document.write(newName);

document.write(name); /* Исходное значение переменной остается прежним */

</script>

Стоит отметить, и из примера это видно, что метод toUpperCase не меняет исходное значение переменной. Он просто переводит символы строки в верхний регистр и возвращает измененное значение, которое можно занести в другую переменную.

Метод toLowerCase в JavaScript - Нижний регистр строки

Метод toLowerCase в JavaScript - Нижний регистр строки

Метод toLowerCase преобразует символы строки в нижний регистр. Рассмотрим это на примере...

<script type="text/javascript">

var name = "Антон";

var newName = name.toLowerCase(); /* Преобразование символов строки в нижний регистр */

document.write(newName);

document.write(name); /* Исходное значение переменной остается прежним */

</script>

Метод toLowerCase, как и toUpperCase не меняет исходное значение переменной, а переводит символы строки в нижний регистр и возвращает измененное значение.

Домашнее задание - Методы toUpperCase и toLowerCase в JavaScript - Объект String

Домашнее задание - Методы toUpperCase и toLowerCase в JavaScript - Объект String

Выполним домашнее задание по пройденному уроку «Методы toUpperCase и toLowerCase в JavaScript - Регистр строки - Объект String»

В качестве домашнего задания задайте человеку вопрос через метод prompt().

Правильный ответ заранее поместите в переменную var answer. Правильный ответ запишите полностью маленькими буквами.

Когда получите ответ от пользователя, переведите его в нижний регистр и сравните с ответом из переменной.

Если ответ верный, то выведите сообщение, что ответ верный, если нет, то сообщение о том, что неверный.

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

Попробуйте на время убрать метод toLowerCase() из скрипта и посмотрите, что произойдет.

Для решения этой задачи нам потребуются материалы из следующих уроков и тем: метод prompt объекта Window и условия в JavaScript.

<script type="text/javascript">

var userAnswer = prompt("Ответьте на Вопрос - Столица России?"); /* Задаем вопрос и помещаем ответ в переменную userAnswer */

var answer = "москва"; /* Правильный Ответ */

var lowAnswer = userAnswer.toLowerCase(); /* Переводим ответ пользователя в нижний регистр */

if (lowAnswer == answer) /* Составляем условие */
{
document.write("Вы дали верный ответ");
}

else
{
document.write("Ответ не верен");
}

</script>

Главная Изучаем JavaScript Регистр строки - toUpperCase и toLowerCase Поиск в строке - indexOf и lastIndexOf

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru