Как сделать условие в javascript

Добавил пользователь Валентин П.
Обновлено: 04.10.2024

Условные операторы используются для выполнения разных действий в зависимости от разных условий.

Условные операторы

Очень часто, когда вы пишете код, вы хотите выполнять разные действия для разных решений.

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

В JavaScript есть следующие условные выражения:

Используйте if , чтобы указать блок кода, который нужно выполнить, если указанное условие true (истинно)
Используйте else , чтобы указать блок кода, который будет выполнен, если то же условие false (ложно)
Используйте else if , чтобы указать новое условие для проверки, если первое условие false (ложно)
Используйте switch , чтобы указать много альтернативных блоков кода, которые должны быть выполнены

Оператор switch описывается в следующей главе этого учебника.

Оператор if

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

Синтаксис

Обратите внимание, что if это строчные буквы. Заглавные буквы (If или IF) приведут к ошибке JavaScript.

Пример

Сделайте приветствие "Добрый день", если час меньше 18:00:

Оператор else

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

if (condition) // блок кода, который будет выполнен, если условие истинно
> else <
// блок кода, который будет выполнен, если условие ложно
>

Пример

Если час меньше 18, создайте приветствие "Добрый день", в противном случае "Добрый вечер":

Оператор else if

Используйте else if оператор, чтобы указать новое условие, если первое условие ложно.

Синтаксис

if (condition1) // блок кода, который должен быть выполнен, если условие1 истинно
> else if (condition2) // блок кода, который должен быть выполнен, если условие1 ложно, а условие2 истинно
> else // блок кода для выполняться, если условие1 ложно, а условие2 ложно
>

Пример

Если время меньше 10:00, создайте приветствие "Доброе утро", если нет, но время меньше 20:00, создайте приветствие "Добрый день", в противном случае - "Добрый вечер":

Больше примеров

Случайная ссылка
В этом примере будет указана ссылка либо на Schoolsw3, либо на Всемирный фонд дикой природы (WWF). При использовании случайного числа вероятность каждой ссылки составляет 50%.

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

Условный оператор If в JavaScript

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

// объявляем переменную prava и присваиваем ей значение "получу"
var prava = "получу";
//если между prava и "получу" стоит знак равенства, то это истина
if(prava == "получу")
//тогда выводится на экране
<
document.write("Мы поедем в гости на машине");
>

Если условие ложно, тогда ничего не выводится.

var prava = "получу";
// prava не равняются "получу"
if(prava == "не получу")
document.write("Мы поедем в гости на машине");
>

На экран ничего не вывелось, поскольку права не получены, про машину можно забыть. Альтернатива идти пешком, не предлагалась.

Условный оператор If-Else в JavaScript

В конструкции if-else, всегда есть альтернатива. Действие в любом случае происходит. Если мы не поедем в гости на машине, то пойдем в гости пешком.

var prava = "получу";
// если это истина
if(prava == "получу")
document.write("Мы поедем в гости на машине");
>
// в противном случае ложь
else
document.write( "то пойдем в гости пешком");
>

В документе вывелось альтернативное действие.

Пример If-Else в JavaScript

Перед нами задача:

Для решения этой задачи, создадим input (поле ввода) с идентификатором num, button (кнопку), при нажатии на которую, будет выводиться ответ между тегами span с идентификатором result. На кнопку повесим событие onclick для запуска функции know().

Программирование функции в JavaScript

Объявляем две переменные: число, которое ввел пользователь и результат.

Присвоим переменной n, значение полученное из input и оставим там на хранение.

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

Во вторую переменную s, получим тег span с идентификатором result, через которую будем обращаться к span, где будет выводиться результат.

Первая часть if

Если число, которое ввел пользователь равно 10, тогда внутри span, выведется запись Число равно 10 (число угадано).

if (n==10) s.innerHTML = 'Число равно 10';
>

Вторая часть else if

Если число n меньше 10, то мы увидим запись:

Последняя часть else

Если не сработали первые два условия, тогда число больше 10.

else s.innerHTML = 'Число больше 10'; >

Весь JS код

// Внутри фигурных скобочек пишем программу
function know() var n,s;
n = document.getElementById('num').value;
s = document.getElementById('result');
n = parseInt(n);
if (n==10) s.innerHTML = 'Число равно 10';
>
else if (n

Заключение

В самом простом варианте, отрабатывает условие if, если оно верно, в противном случае, ничего не произойдет. Условный оператор if позволяет проверять условие когда, в простом варианте if-else работают в паре. Если условие верно, запускается первая часть if, если условие не верно, тогда отрабатывает часть else. Обязательно одно из этих условий выполнится.

В случае более сложных задачах (наш пример), недостаточно двух веток if-else, нужно больше условий. Тогда вводятся промежуточные ветки else-if для проверки дополнительных условий. Отработает последняя ветка else, если все условия, окажутся неверными.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

Комментарии ( 0 ):

На этом занятии поговорим об условных операторах. Что это такое? Представьте, что вам нужно вычислить модуль числа, хранящегося в переменной x. Как это сделать? Очевидно, нужно реализовать такой алгоритм.

И в этом алгоритме есть вот такое ветвление программы: при x ) оператор;

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

Здесь операция изменения знака переменной x будет выполняться только для отрицательных величин, а положительные просто выводиться в консоль, минуя эту операцию.

К равна К.
о равна о.
т больше чем д.

Сравнение разных типов данных

При сравнении значений разных типов JavaScript приводит каждое из них к числу. Например:

При сравнении булевых значений:

Однако, при использовании сравнения с помощью операторов , = всюду получим false:

Внимание! Странное сравнение null с нулем:

Это просто нужно иметь в виду при программировании логики скриптов.

Строгое сравнение

В JavaScript можно выполнять сравнение двух значений с учетом их типа данных. Для этого используется оператор === (три равно). Применяя его к предыдущему примеру, получим:

Оба результата дадут ложь – false, так как значения, имеющие разные типы считаются не равными друг другу. Та же ситуация будет и при таком строгом сравнении:

Здесь также имеем разные типы данных, поэтому результат – false. А вот если взять строгое неравенство, то получим истину во всех случаях:

Вот так можно сравнивать между собой значения с учетом их типов.

Теперь, когда мы знаем как сравниваются между собой величины, вернемся к нашему условному оператору if. И предположим, что хотим определить знак числа в переменной x. Конечно, проверку можно записать вот так:

Но можно сделать лучше. Смотрите, мы здесь имеем дело со взаимоисключающими условиями, то есть, они не могут произойти одновременно: либо первое, либо второе. Для таких ситуаций можно использовать ключевое слово else – иначе, чтобы ускорить процесс проверки:

Теперь, у нас здесь всего одно условие. Если оно истинно, то выполнится первый console.log, а иначе – второй console.log. Такая программа будет работать быстрее.

В общем случае, синтаксис оператора if else следующий:

if( ) оператор 1;
else оператор 2;

И так как после else можно ставить любой оператор, то предыдущую программу можно записать и так:

И вообще таких конструкций if else может быть много. Далее, обратим внимание на такой факт: во всех наших примерах по условию шел один оператор – console.log. Но что если нужно выполнить несколько операторов по некоторому условию? Для этого их нужно заключать в фигурные скобки. Например:

Здесь по первым двум условиям выполняется два оператора: присвоение значения переменной sgn и вывод результата в консоль. В последнем else записан только один оператор – вывод в консоль, поэтому здесь фигурные скобки ставить не обязательно.

В ряде случаев конструкцию if else удобнее записывать через тернарный условный оператор, который имеет такой синтаксис:

let result = условие ? значение1 : значение2;

Сначала вычисляется условие: если оно истинно, то возвращается значение1, в противном случае – значение2. Например:

Получим true, если возраст (age) больше 18, иначе – false. Кстати, проверку из данного примера можно сделать короче, просто прописав

здесь оператор > вернет true при возрасте больше 18 и false – в противном случае.

Теперь, когда мы разобрались с базовыми моментами проверки условий, сделаем следующий шаг и попробуем реализовать проверку попадания переменной x в диапазон [2; 7], то есть, условие должно быть истинным, когда x принимает значения в этом диапазоне чисел. Очевидно, что здесь должно быть две проверки: первая – мы проверяем, что x >= 2 и вторая – проверяем, что x 7, то делается вывод о невхождении переменной x в указанный диапазон.

условие x >= 2 && x =2 и x 7 истинно, если истинно хотя бы одно из подусловий (x 7) и ложно, когда оба ложны.

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

Здесь реализована проверка, что x должно принадлежать [2; 7], а y не принадлежать [0; 5]. И обратите внимание вот на эти круглые скобки. Дело в том, что приоритет у операции && больше, чем у ||, поэтому без скобок у нас бы получилась вот такая проверка:

то есть, мы проверяли бы, что x принадлежит [2; 7] и y меньше нуля ИЛИ y больше 5. Как вы понимаете – это уже совсем другая проверка. Поэтому учитывайте приоритет этих операций при формировании составного условия. Если нужно изменить приоритет – используйте круглые скобки.

Одиночные проверки

Внутри условия можно прописывать и такие одиночные выражения:

Вот этот восклицательный знак – это отрицание – НЕ, то есть, чтобы проверить, что 0 – это false мы преобразовываем его в противоположное состояние с помощью оператора отрицания НЕ в true и условие срабатывает. Аналогично и с переменной z, которая равна false.

Любое число, отличное от нуля, дает true. Число 0 преобразуется в false.
Пустая строка – это false, любая другая строка с символами – это true.
С помощью оператора НЕ можно менять условие на противоположное (в частности, false превращать в true).

Итак, в условиях мы можем использовать три оператора: &&, || и !. Самый высокий приоритет у операции НЕ, следующий приоритет имеет операция И и самый маленький приоритет у операции ИЛИ.

Вот так работает оператор if в JavaScript.

Оператор switch

Второй условный оператор switch используется, когда из множества возможных вариантов нужно выбрать какой-то один. Например, мы хотим проверить: принимает ли некая переменная одно из значений 1, 2, 3 или 4. Это будет выглядеть так:

И в консоле увидим, что item=3, 4 и другое значение. Почему так и как это все работает? В круглых скобках оператора switch записывается переменная, которая сравнивается со значениями (константами), указанными в case. Далее, через двоеточие пишутся операторы, которые выполняются при совпадении значения переменной с константой. В нашем случае item=3, срабатывает case 3 и выполняется console.log("item = 3"). Но, оператор switch в JavaScript реализован так, что все последующие операторы тоже будут выполняться. В ряде случаев это бывает полезно и нужно. Если же мы хотим прервать выполнение оператора switch после успешной проверки, нужно записать оператор break вот так:

Так когда же использовать условный оператор if, а когда switch? Правило простое: если нужно проверить переменную на равенство множеству значений, то лучше использовать switch – он сработает быстрее, чем if. Во всех других случаях применяется оператор if.

В практике программирования в 99% случаев используется if и лишь для некоторых частных проверок – оператор switch.

Видео по теме

© 2022 Частичное или полное копирование информации с данного сайта для распространения на других ресурсах, в том числе и бумажных, строго запрещено. Все тексты и изображения являются собственностью сайта

Управляющие инструкции – это инструкции, которые позволяют управлять выполнением программного кода. Обычно выполняемый код в управляющей инструкции называют телом этой инструкции.

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

Условные инструкции

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

Инструкция if

Инструкция if имеет две формы. Синтаксис первой формы:

Выражение в круглых скобках называется условием выполнения инструкции if или кратко условием . Сначала вычисляется значение выражения. Полученное значение, если необходимо, неявно преобразуется к булеву типу. Если результатом вычисления выражения является значение true , то инструкция выполняется. Если выражение возвращает false , то инструкция не выполняется:

Синтаксис if позволяет выполнить только одну инструкцию, однако если требуется выполнить более одной инструкции нужно использовать составную инструкцию:

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

Синтаксис второй формы:

Ключевое слово else позволяет добавить инструкцию, выполняемую в том случае, если условие имеет ложное значение:

Как уже было сказано, управляющие инструкции могут быть вложенными, что позволяет создавать следующие конструкции:

В этом коде нет ничего особенного. Это просто последовательность инструкций, где каждая инструкция if является частью else предыдущей инструкции if . Такая форма записи на первый взгляд может показаться не совсем понятной, поэтому рассмотрим синтаксически эквивалентную форму, показывающую вложенность инструкций if :

Читайте также: