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

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

Статьи для сайтов!!!
Многомерные Массивы Условие If - Else Операторы И ИЛИ

Условные операторы в Javascript - Конструкция IF-ELSE - Условия в Javascript - Основы

Условия в JavaScript - Конструкция IF-ELSE

Урок №1 Условие If - Else

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

Начинаем изучать тему условных операторов в JavaScript. Здесь мы будем рассматривать конструкцию If-Else. В переводе на русский язык это условие читается как Если-То.

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

Например, если вечером будет ясно, то мы пойдём в парк.

если этот автомобиль стоит меньше 1000$, то я его куплю и т.п.

Таким образом, как Вы уже, наверное, поняли условие «Если» и следствие «То» сплошь и рядом встречаются в нашей жизни. То есть наше поведение в различных ситуациях в основном зависит от каких-либо условий.

То же самое относится и к языкам программирования. В них есть специальные конструкции, которые позволяют задавать определённые условия и выполнять действия, если указанные условия выполняются или не выполняются.

Давайте попробуем реализовать какой-нибудь простой пример применения условных операторов, а точнее конструкции If-Else в JavaScript.

Условие в Javascript - оператор If

Условие в Javascript - оператор If

Для начала рассмотрим, как работает оператор If в JavaScript

Для этого ниже сначала приведём пример, а затем его разберём.

<script type="text/javascript">

var pogoda = "ясно"; /* создаём переменную pogoda и присваиваем ей значение "ясно" */

if(pogoda == "ясно") /* создаём условие: если pogoda равно "ясно" - ИСТИНА*/

{ /* то... */

document.write("Мы с семьей вечером идем в Парк");

}

</script>

Мы с семьей вечером идем в Парк

На что следует обратить внимание в примере выше?

Во-первых, на знаки равенства == и присваивания = в JavaScript. Их следует различать: то есть сначала мы создаём переменную и присваиваем ей значение. Затем в условии If мы говорим уже о равенстве.

Во-вторых, когда говорится о выполнении или же невыполнении условия, заключённого в фигурные скобки {}, то следует понимать, что язык JavaScript воспринимает условие либо как Истину, либо как Ложь. То есть если условие Истинно, как в нашем случае, то выполняется действие, заключённое в фигурные скобки {}.

Если же условие Ложно, как в примере ниже, то условие, заключённое в фигурных скобках {}, выполняться не будет.

<script type="text/javascript">

var pogoda = "пасмурно"; /* переменной pogoda присваиваем значение "пасмурно" */

if(pogoda == "ясно") /* теперь условие ЛОЖЬ: pogoda не равно "ясно" */

{

document.write("Мы с семьей вечером идем в Парк");

}

</script>

 

Вот так работает условный оператор If: если условие Истина - действие выполняется, если Ложь - не выполнятся. Всё просто.

Конструкция If-Else в Javascript

Конструкция If-Else в Javascript

Теперь поговорим о том, как работает конструкция If-Else в JavaScript. Else переводится как «Иначе».

Давайте снова обратимся к реальной жизни. В большинстве случаев, если какое-либо условие выполняется, то мы делаем одно. Если же оно не выполняется - «Иначе», то мы делаем другое.

Продолжим работать с примерами, приведёнными ранее.

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

Или если этот автомобиль стоит меньше 1000$, то я его куплю, иначе (если он стоит дороже) я на эти деньги отправлюсь в путешествие.

В JavaScript также есть такая возможность - предоставлять альтернативу (делать что-то другое), если условие не выполняется. В JavaScript мы можем создавать подобные условия при помощи конструкции If-Else. Давайте обратимся к примеру.

<script type="text/javascript">

var pogoda = "пасмурно"; /* переменной pogoda присваиваем значение "пасмурно" */

if(pogoda == "ясно") /* создаём условие: если pogoda равно "ясно" - это ИСТИНА */

{

document.write("Мы с семьей вечером идем в Парк");

}

else /* иначе - если pogoda не равно "ясно" - это ЛОЖЬ */

{
document.write("<p>" + "Мы остаёмся дома - смотреть телевизор");
}

</script>

Мы остаёмся дома - смотреть телевизор

Разберём приведённый пример.

Итак, если условие Истинно, то выполняется действие, следующее после оператора If, заключённое в фигурные скобки {}.

Если же условие Ложно, то выполняется действие, следующее после оператора Else, также заключённое в фигурные скобки {}.

Мы рассмотрели, как работает простая, но часто использующаяся в JavaScript конструкция If-Else. И здесь, на будущее, следует сказать о том, что каким бы сложным ни было условие, в первую очередь имеет значение то, что Истинно оно или Ложно.

Пример конструкции If-Else - Работа с числами

Пример конструкции If-Else - Работа с числами

Для закрепления пройденного материала «Условные операторы в Javascript - Конструкция IF-ELSE» рассмотрим ещё один пример.

Только теперь используем условие If-Else при работе с числами.

<script type="text/javascript">

var count = 10; /* создаём переменную count */

if(count <= 10) /* создаём условие: если count меньше или равно 10, то....*/

{

document.write("Переменная count меньше или равна 10");

}

else /* иначе... */

{
document.write("Переменная count больше 10");
}

</script>

Переменная count меньше или равна 10

Здесь, как и в предыдущих примерах, всё просто. В данном случае переменная count равна 10, то есть условие ИСТИННО и на экран выводится соответствующее сообщение.

В примере ниже условие не выполняется: переменная count больше 10, то есть условие ЛОЖНО, а значит, выводится на экран сообщение, следующее за оператором Else.

<script type="text/javascript">

var count = 20; /* создаём переменную count */

if(count <= 10) /* создаём условие: если count меньше или равно 10, то....*/

{

document.write("Переменная count меньше или равна 10");

}

else /* иначе... */

{
document.write("Переменная count больше 10");
}

</script>

Переменная count больше 10

Итак, здесь мы рассмотрели простейшие примеры применения условных операторов в JavaScript. Вот так - совсем не сложно, работает конструкция If-Else.

Домашнее задание - Конструкция IF-ELSE

Домашнее задание - Конструкция IF-ELSE

Изучив основы условных операторов в JavaScript, можно выполнить Домашнее задание, которое будет касаться также темы Массивов в JavaScript.

Возьмите массив друзей из предыдущей темы: var friends = ["Алексей", "Вячеслав", "Григорий", "Настя", "Павел"];

Напишите условие, которое проверяет: если количество элементов в массиве больше или равно 3, то выводится сообщение о том, что это большой массив, в котором как минимум 3 элемента. А иначе, выведите на экран сообщение о том, что это маленький массив, в котором менее 3-х элементов.

Прежде чем написать проверочное условие, необходимо помнить и знать о том, как посчитать число элементов в Массиве. В этом нам поможет свойство length.

Далее, зная число элементов в Массиве, мы можем писать условие. Смотрите пример ниже...

<script type="text/javascript">

var friends = ["Алексей", "Вячеслав", "Григорий", "Настя", "Павел"];

var count = friends.length; /* Создаём переменную count в которую заносим число элементов Массива friends */

if(count >= 3) /* создаём условие: если count больше или равно 3, то....*/

{

document.write("Это большой массив, в котором как минимум 3 элемента");

}

else /* иначе... */

{
document.write("Это маленький массив, в котором менее 3-х элементов");
}

</script>

Это большой массив, в котором как минимум 3 элемента

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

<script type="text/javascript">

var friends = ["Алексей", "Вячеслав"];

if(friends.length >= 3) /* создаём условие: если число элементов массива friends больше или равно 3, то....*/

{

document.write("Это большой массив, в котором как минимум 3 элемента");

}

else /* иначе... */

{
document.write("Это маленький массив, в котором менее 3-х элементов");
}

</script>

Это маленький массив, в котором менее 3-х элементов

Главная Изучаем JavaScript Условие If - Else Операторы И ИЛИ

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

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

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

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

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