Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

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

Статьи для сайтов!!!
Функция typeof - Тип объекта Условие switch-case Тернарный оператор - if-else

Конструкция switch-case в Javascript - Несколько условий - Операторы break и default

Еще об объектах - Создание объекта

Урок №3 Условие switch-case

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

Конструкция switch-case в javascript используется при построении нескольких условий одновременно и является хорошей альтернативой конструкции if-else.

Несколько условий одновременно - Конструкция if-else

Несколько условий одновременно - Конструкция if-else

Представим себе Викторину, для реализации которой сначала воспользуемся уже знакомой конструкцией if-else.

Итак, требуется составить одновременно несколько условий.

<script type="text/javascript">

var five = prompt("Введите число от 1 до 5")

if (five == 1)
{
alert("Вы выиграли Автомобиль");
}
else if (five == 2)
{
alert("Вы выиграли Мотоцикл");
}
else if (five == 3)
{
alert("Вы выиграли Мотороллер");
}
else if (five == 4)
{
alert("Вы выиграли Велосипед");
}
else if (five == 5)
{
alert("Вы выиграли Самокат");
}
else
{
alert("Вы ошиблись при вводе");
}

</script>

Здесь при помощи конструкции if-else составлены несколько условий, где мы поочередно перебираем варианты ответа пользователя.

Есть альтернативный и в чем-то более удобный способ реализации этой же задачи.

Конструкция switch-case - СИНТАКСИС - Пример

Конструкция switch-case - СИНТАКСИС - Пример

Реализация предыдущего примера при помощи конструкции switch-case. Ее синтаксис отличен от if-else:

switch(X) /* Работаем с объектом X*/
{
case 1: /* Если X = 1 */
alert("X равно 1"); /* Выполняем действие */
break;

case 2: /* Если X = 2 */
alert("X равно 2"); /* Выполняем действие */
break;

default: /* Если X не равен 1 или 2 */
alert("X НЕ равен 1 или 2"); /* Выполняем действие */
}

Теперь, зная синтаксис конструкции switch-case, вернемся к Викторине из предыдущего примера.

<script type="text/javascript">

var five = prompt("Введите число от 1 до 5")

switch(parseInt(five)) /* parseInt конвертирует строку в число */
{
case 1: /* Если five равно 1*/
alert("Вы выиграли Автомобиль");
break; /* Заканчиваем весь ЦИКЛ условий, если это условие выполняется */

case 2:
alert("Вы выиграли Мотоцикл");
break;

case 3:
alert("Вы выиграли Мотороллер");
break;

case 4:
alert("Вы выиграли Велосипед");
break;

case 5:
alert("Вы выиграли Самокат");
break;

default:
alert("Вы не верно ввели число...");
}

</script>

Разберем этот пример использования конструкции switch-case.

  • После оператора switch в круглых скобках указываем переменную five, т.е. ту с которой работаем.
  • Далее в фигурных скобках располагаются блоки оператора case (т.е условия), каждый из которых содержит:

    - предполагаемое значение переменной five;

    - действие

    - оператор break, который, если условие выполнено, служит для прекращения дальнейшей работы с циклом условий.

  • Оператор default (и действие для него) НЕ ОБЯЗАТЕЛЕН, но могут располагаться в конце всех блоков оператора case (в конце цикла условий) на тот случай, если ни одно из условий не выполняется.

Обратите внимание, что в этом примере метод prompt заносит строковое значение в переменную five. Поэтому далее это значение подвергается преобразованию в число при помощи функции parseInt (см. конвертация строк).

Главная Изучаем JavaScript Условие switch-case Тернарный оператор - if-else

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

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

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

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

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