Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
4.1 Основы условных выражений

Автор: Denisido

Дата: 2010-06-21

Управляющие операторы

Конструкция if else

С этим оператором мы уже сталкивались ранее, теперь пришло время поговорить о нем более подробно. Действительно, этот оператор очень важен во многих языках программирования, включая и JavaScript. Без него не обходится ни один серьезный программный код. Что же он делает? Все очень просто - этот оператор сравнивает два значения типа Boolen TRUE (истина) или FALSE (ложь), и если условие истинно, то выполняет эту задачу:

Запустить!
var a = prompt('Угадайте число от 1 до 10','');
if (a == 7) {alert('Условие истинно и код выполнен!');};

В данном примере наше условное выражение разделено на три части:
- ключевое слово if(от англ. если);
- в круглы скобках (условие);
- в фигурных скобках {код JavaScript, который выполнится, если условие истинно}
Условие было такое - если ответ равен значению 7, то выполнить код в фигурных скобках, т.е. если значение равно TRUE, мы получим сообщение в модальном окне, что "Условие истинно и код выполнен!", в противном случае ничего не происходит.

ЗАМЕЧАНИЕ: Это выражение можно было записать и без использования фигурных скобок (после которых не ставятся запятая), но мы не рекомендуем вам это делать во избежании ошибок!

Теперь усложним задачу и применим ключевое слово else (от англ. иначе), если наше условие будет ложным:

Запустить!
var a = prompt('Угадайте число от 1 до 10','');
if (a == 7) {alert('Условие истинно и код выполнен!')}
else {alert('Условие ложно, но код тоже выполнен!');};

С помощью ключевого слова else мы выполняем код в фигурных скобках, только в том случае, если наше условие FALSE (ложно), т.е. не равно значению 7.

Конструкция else if

Данная конструкция является развитием оператора if и предполагает решение задач многоуровневой логики, когда нужно протестировать сразу несколько условий. В конце обязательно должна присутствовать инструкция else на случай, если ни одна из инструкций if и else if не являются TRUE (истинными). Возьмем наш пример и допишем к нему еще одно условие:

Запустить!
var a = prompt('Угадайте число от 1 до 10','');
if (a == 7) {alert('Поздравляем, Вы угадали!')}
else if (a > 10) {alert('Вы ввели значение больше 10! Попробуйте еще раз!');}
else {alert('Не угадали!');};

Здесь мы добавили условие - если значение переменной a больше 10, то выдаем соответствующее сообщение в модальном окне. Таких конструкций может быть сколь угодно много. Мы также можем проверить является ли наша переменная пустой или введено отрицательное значение и т.д.

Вложение условных выражений

Чем больше условий, тем больше интеллектуальна программа. Часто программисты прибегают к вложенным условиям, когда одно условное выражение содержит в себе другое:

Запустить!
var a = prompt('Угадайте число от 1 до 10','');
   if ((a != '') && (Number(a)))
                                {  // если переменная а не равна пустоте и при этом 
                                   //число, то  выполняем код в фигурных скобках
         

if (a == 7) {alert('Поздравляем, Вы угадали!')}
else if (a > 10) {alert('Вы ввели значение больше 10! Попробуйте еще раз!');}
else if (a < 0) {alert('Значение должно быть от 1 до 10!');}
else {alert('Не угадали!');};

   }
   else {alert('Вы не ввели число! Попробуйте еще раз!');} // иначе ....

В этом примере в строке 02 мы поставили условия, если переменная a не пуста (a != ''), и, при этом, является числом (Number(a)), то выполнить код в скобках, где, в свою очередь, находится вложенное условие, которое проверяет ввел ли пользователь нужное число или нет.



Оцените материал по 5-ти бальной шкале: 1 2 3 4 5



Коментарии:

Коментарий добавил(а): fgh1233
Дата: 2010-06-22

Полезная и нужная инфа как для новичков так и для профи.

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

Текст коментария:

Введите результат с картинки

Просмотров: 16387

Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.