Умовні оператори. Умовний оператор if else Приклади з if на javascript

Жарознижуючі засоби для дітей призначаються педіатром. Але бувають ситуації невідкладної допомоги при лихоманці, коли дитині потрібно дати ліки негайно. Тоді батьки беруть на себе відповідальність і застосовують жарознижуючі препарати. Що дозволено давати дітям грудного віку? Чим можна збити температуру у дітей старшого віку? Які ліки найбезпечніші?

керуючі інструкції- це інструкції, які дозволяють управляти виконанням програмного коду. Зазвичай виконується код в керуючої інструкції називають тілом цієї інструкції.

Керуючі інструкції можуть бути вкладеними, а також використовуватися всередині інших керуючих інструкцій.

умовні інструкції

За замовчуванням інтерпретатор JavaScript виконує інструкції одну за одною в порядку їх слідування в вихідному коді. У тих випадках, коли виконання або невиконання деяких інструкцій повинно залежати від виконання або невиконання деякої умови, використовуються умовні інструкції.

Інструкція if

Інструкція if має дві форми. Синтаксис першої форми:

Вираз в круглих дужках називається умовою виконанняінструкції if або коротко умовою. Спочатку обчислюється значення виразу. Отримане значення, якщо необхідно, неявно перетвориться до булеву типу. Якщо результатом обчислення виразу є значення true, то інструкція виконується. Якщо вираз повертає false, то інструкція не виконується:

If (true) alert ( "Виконано!"); if (false) alert ( "Не виконається!");

Синтаксис if дозволяє виконати тільки одну інструкцію, однак якщо потрібно виконати більше однієї інструкції потрібно використовувати складову інструкцію:

If (true) (var str = "Hello!"; Alert (str);)

Синтаксис другий форми:

If (вираз) інструкція; else інструкція;

Ключове слово else дозволяє додати інструкцію, виконувану в тому випадку, якщо умова має хибне значення:

If (false) alert ( "Не виконається"); else alert ( "Виконати");

Як вже було сказано, що управляють інструкції можуть бути вкладеними, що дозволяє створювати такі конструкції:

Var num = 2; if (num == 1) (alert ( "значення num:" + num);) else if (num == 2) (alert ( "значення num:" + num);) else (alert ( "Не знаю такого числа ! ");)

У цьому коді немає нічого особливого. Це просто послідовність інструкцій, де кожна інструкція if є частиною else попередньої інструкції if. Така форма запису на перший погляд може здатися не зовсім зрозумілою, тому розглянемо синтаксично еквівалентну форму, яка ніколи вкладеність інструкцій if:

Var num = 2; if (num == 1) (alert ( "значення num:" + num);) else (if (num == 2) (alert ( "значення num:" + num);) else (alert ( "Не знаю такого числа! ");))

умовні оператори

Умовні оператори дозволяють припустити або виконати інші оператори в залежності від значення зазначеного вирази. Ці оператори є точками прийняття рішень в програмі, і іноді їх також називають операторами «розгалуження».

Якщо уявити, що програма - це дорога, а інтерпретатор JavaScript - мандрівник, що йде по ній, то умовні оператори можна уявити як перехрестя, де програмний код розгалужується на дві або більше доріг, і на таких перехрестях інтерпретатор повинен вибирати, якою дорогою рухатися далі .

Оператор if / else

Оператор if - це базовий керуючий оператор, що дозволяє інтерпретатору JavaScript приймати рішення або, точніше, виконувати оператори в залежності від умов. Оператор if має дві форми. перша:

if (вираз) оператор

У цій формі спочатку обчислюється вираз. Якщо отриманий результат є істинним, то оператор виконується. Якщо вираз повертає помилкове значення, то оператор не виконується. наприклад:

If (username == null) // Якщо змінна username дорівнює null або undefined username = "Alex"; // визначити її

Зверніть увагу, що дужки навколо умовного виразу є обов'язковою частиною синтаксису оператора if.

Друга форма оператора if вводить конструкцію else, яка виконується в тих випадках, коли вираз повертає помилкове значення. Її синтаксис:

if (вираз) оператор1 else оператор2

Ця форма виконує оператор1, якщо вираз повертає істинне значення, і оператор2, якщо вираз повертає помилкове значення. наприклад:

If (n == 1) console.log ( "Отримано 1 нове повідомлення."); else console.log ( "Отримано" + n + "нових повідомлень.");

Оператор else if

Оператор if / else обчислює значення виразу і виконує той чи інший фрагмент програмного коду, в залежності від результату. Але що якщо потрібно виконати один з багатьох фрагментів? можливий спосібзробити це полягає в застосуванні оператора else if. Формально він не є самостійним оператором JavaScript; це лише поширений стиль програмування, що полягає в застосуванні повторюваного оператора if / else:

If (n == 1) (// Виконати блок 1) else if (n == 2) (// Виконати блок 2) else if (n == 3) (// Виконати блок 3) else (// Якщо ні один з попередніх операторів else не був виконаний, виконати блок 4)

У цьому фрагменті немає нічого особливого. Це просто послідовність операторів if, де кожен оператор if є частиною конструкції else попереднього оператора.

оператор switch

Оператор if створює розгалуження в потоці виконання програми, а Багатопозиційне розгалуження можна реалізувати за допомогою декількох операторів else if. Однак це не завжди найкраще рішення, Особливо якщо всі гілки залежать від значення одного і того ж вирази. В цьому випадку марнотратно повторно обчислювати значення одного і того ж вирази в декількох операторах if.

Оператор switch призначений саме для таких ситуацій. За ключовим словом switch слід вираз в дужках і блок коду в фігурних дужках:

switch (вираз) (інструкції)

Однак повний синтаксис оператора switch складніший, ніж показано тут. Різні місця в блоці позначені ключовим словом case, За яким слід вираз і символ двокрапки.

Коли виконується оператор switch, він обчислює значення виразу, а потім шукає мітку case, що відповідає цьому значенню (відповідність визначається за допомогою оператора ідентичності ===). Якщо мітка знайдена, виконується блок коду, починаючи з першої інструкції, наступної за міткою case. Якщо мітка case з відповідним значенням не знайдено, виконання починається з першої інструкції, наступної за спеціальною міткою default:. Якщо мітка default: відсутній, блок оператора switch пропускається цілком.

Роботу оператора switch складно пояснити на словах, набагато зрозуміліше виглядає пояснення на прикладі. Наступний оператор switch еквівалентний повторюваним операторам if / else, показаним в попередньому прикладі:

Switch (n) (case 1: // Виконується, якщо n === 1 // Виконати блок 1 break; // Тут зупинитися case 2: // Виконується, якщо n === 2 // Виконати блок 2 break; / / Тут зупинитися case 3: // Виконується, якщо n === 3 // Виконати блок 3 break; // Тут зупинитися default: // якщо все інше не підходить ... // Виконати блок 4 break; // Тут зупинитися )

Зверніть увагу на ключове слово breakв кінці кожного блоку case. Оператор break призводить до передачі управління в кінець оператора switch і продовження виконання операторів, які слідують далі. Конструкції case в операторі switch задають тільки початкову точку виконуваного програмного коду, але не задають жодних кінцевих точок.

У разі відсутності операторів break оператор switch почне виконання блоку коду з міткою case, відповідної значенням вирази, і продовжить виконання операторів до тих пір, поки не дійде до кінця блоку. У рідкісних випадках це корисно для написання програмного коду, який переходить від однієї мітки case до наступної, але в 99% випадків слід акуратно завершувати кожен блок case оператором break. (При використанні switch всередині функції замість break можна використовувати оператор return. Обидва цих оператора служать для завершення роботи оператора switch і запобігання переходу до наступної мітці case.)

Нижче наводиться більш практичний приклад використання оператора switch, він перетворює значення в рядок способом, що залежать від типу значення:

Function convert (x) (switch (typeof x) (// Перетворити число в шістнадцяткове ціле case "number": return x.toString (16); // Повернути рядок, укладену в лапки case "string": return "" "+ x + "" "; // Будь-який інший тип перетворюється звичайним способом default: return x.toString ();)) console.log (convert (1067)); // Результат "42b"

Зверніть увагу, що в двох попередніх прикладах за ключовими словами case слідували числа або рядкові літерали. Саме так оператор switch найчастіше використовується на практиці, але стандарт ECMAScript дозволяє вказувати після case довільні вирази.

Оператор switch спочатку обчислює вираз після ключового слова switch, а потім вираження case в тому порядку, в якому вони вказані, поки не буде знайдено збігається значення. Факт збігу визначається за допомогою оператора ідентичності ===, а не за допомогою оператора рівності ==, тому висловлювання повинні збігатися без будь-якого перетворення типів.

Оскільки при кожному виконанні оператора switch обчислюються не всі вирази case, слід уникати використання виразів case, що мають побічні ефекти, такі як виклики функцій і присвоювання. Найбезпечніше обмежуватися в виразах case константними виразами.

Як пояснювалося раніше, якщо жодне з виразів case не відповідає вираженню switch, оператор switch починає виконання оператора з міткою default :. Якщо мітка default: відсутній, тіло оператора switch повністю пропускається. Зверніть увагу, що в попередніх прикладах мітка default: вказана в кінці тіла оператора switch після всіх міток case. Це логічне і просте місце для неї, але насправді вона може розташовуватися в будь-якому місці всередині оператора switch.


Починаємо вивчати тему умовних операторів в JavaScript. Тут ми будемо розглядати конструкцію If-Else. У перекладі на російську мову це умова читається як Якщо-Те.

Але перед тим як ми почнемо говорити про умови в JavaScript, можна розглянути, як і де вони зустрічаються в реальному житті.

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

якщо цей автомобіль коштує менше 1000 $, то я його куплю і т.п.

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

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

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

Для початку розглянемо, як працює оператор If в JavaScript

Для цього нижче спочатку наведемо приклад, а потім його розберемо.

Ми з сім'єю увечері йдемо в Парк

На що слід звернути увагу в прикладі вище?

По-перше, на знаки рівності == і присвоювання = в JavaScript. Їх слід розрізняти: тобто спочатку ми створюємо змінну і присвоюємо їй значення. Потім в умови If ми говоримо вже про рівність.

По-друге, коли йдеться про виконання або ж невиконання умови, укладеного у фігурні дужки (), то слід розуміти, що мова JavaScript сприймає умову абояк Істину, або як Брехня. Тобто якщо умова Істинно, як в нашому випадку, то виконується дія, укладену в фігурні дужки ().

Якщо ж умова Помилково, як в прикладі нижче, то умова, укладену в фігурних дужках (), виконуватися не буде.

Ось так працює умовний оператор If: якщо умова Істина - дія виконується, якщо Брехня - не виконав. Все просто.

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

Давайте знову звернемося до реального життя. У більшості випадків, якщо яка-небудь умова виконується, то ми робимо одну. Якщо ж воно не виконується - «Иначе», то ми робимо інше.

Продовжимо працювати з прикладами, наведеними раніше.

Якщо ввечері буде ясно, то ми підемо в парк, інакше (Якщо буде похмуро)ми залишимося вдома і будемо дивитися телевізор.

Або якщо цей автомобіль коштує менше 1000 $, то я його куплю, інакше (Якщо він коштує дорожче) Я на ці гроші відправлюся в подорож.

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

Ми залишаємося вдома - дивитися телевізор

Розберемо наведений приклад.

Отже, якщо умова Істинно, то виконується дія, наступне після оператора If, укладену в фігурні дужки ().

Якщо ж умова Помилково, то виконується дія, наступне після оператора Else, також укладену в фігурні дужки ().

Ми розглянули, як працює проста, але часто використовується в JavaScript конструкція If-Else. І тут, на майбутнє, слід сказати про те, що яким би складним не було умова, в першу чергу має значення те, що Істинно воно або Помилково.

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

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

Мінлива count менше або дорівнює 10

Тут, як і в попередніх прикладах, все просто. В даному випадку змінна count дорівнює 10, тобто умова ІСТИННО і на екран виводиться відповідне повідомлення.

У прикладі нижче умова не виконується: змінна count більше 10, тобто умова помилковою, а значить, виводиться на екран повідомлення, наступне за оператором Else.

Мінлива count більше 10

Отже, тут ми розглянули найпростіші приклади застосування умовних операторів в JavaScript. Ось так - зовсім не складно, працює конструкція If-Else.

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

Напишіть умова, яке перевіряє : Якщо кількість елементів в масиві більше або дорівнює 3, то виводиться повідомлення про те, що це великий масив, в якому як мінімум 3 елементи. А інакше, виведіть на екран повідомлення про те, що це маленький масив, в якому менше 3-х елементів.

Перш ніж написати перевірочне умова, необхідно пам'ятати і знати про те, як порахувати число елементів в Масиві. У цьому нам допоможе властивість length.

Це ж завдання можна було виконати трохи інакше, використовуючи більш короткий варіант написання коду. Змінну count, в яку заноситься число елементів масиву створювати не обов'язково. Дивіться приклад нижче ...

Натисніть на кнопку, щоб побачити, що робить даний сценарій:

Якби рядок alert ( "Ласкаво просимо!");була б написана не всередині функції, то вона виконувалася б щоразу, коли браузер доходив би до цього рядка. Але так як ми написали її всередині функції, цей рядок не виконується до тих пір, поки ми не натиснемо кнопку.

Виклик функції (тобто звернення до неї) відбувається в цьому рядку:

Як ви бачите, ми помістили кнопку у форму і додали подія onClick = "myfunction ()"для кнопки.

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

Загальний синтаксис для функцій наступний:

Function functionname (переменная1, переменная2, ..., переменнаяN) (// Тут йде тіло функції, ті дії, які вона виконує)

Фігурні дужки: { і } позначають початок і закінчення функції.

Типовою помилкою при створенні функцій є неуважність і ігнорування важливості регістра символів. слово functionмає бути саме function. варіант Functionабо FUNCTIONвикличе помилку.

Крім того, використання заголовних букввідіграє роль і при завданні імен змінних. Якщо у вас є функція з ім'ям myfunction (), То спроба звернутися до неї, як до Myfunction (), MYFUNCTION ()або MyFunction ()викличе помилку.

Сподобався матеріал і хочете віддячити?
Просто поділіться з друзями і колегами!


Дивіться також:

Підтримайте проект - поділіться посиланням, спасибі!
Читайте також
Помилка Оновлення не застосовується до цього комп'ютера Помилка Оновлення не застосовується до цього комп'ютера Підключення флешки до Virtualbox Підключення флешки до Virtualbox Що робити, якщо принтер HP Не друкує копії сторінок Що робити, якщо принтер HP Не друкує копії сторінок