Jquery if else приклади. Умовні оператори Javascript - Конструкція IF-ELSE - Умови Javascript - Основы. теги маркованого списку
Умовні оператори дозволяють пропустити або виконати інші оператори в залежності від значення вказаного виразу. Ці оператори є точками прийняття рішень у програмі, і іноді їх також називають операторами «розгалуження».
Якщо уявити, що програма - це дорога, а інтерпретатор 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, також укладене у фігурні дужки ().
Ми розглянули, як працює проста, але конструкція If-Else, що часто використовується в JavaScript. І тут, на майбутнє, слід сказати про те, що хоч би якою складною не була умова, насамперед має значення те, що істинно воно чи хибно.
Для закріплення пройденого матеріалу « Умовні оператори Javascript - Конструкція IF-ELSEРозглянемо ще один приклад.
Тільки тепер використовуємо умову If-Else під час роботи з числами.
Змінна count менше або дорівнює 10
Тут, як і в попередніх прикладах, просто. У разі змінна count дорівнює 10 , тобто умова ІСТИНО і на екран виводиться відповідне повідомлення.
У прикладі нижче умова не виконується: змінна count більше 10, тобто умова ХИБНО, а значить, виводиться на екран повідомлення, що йде за оператором Else.
Змінна count більше 10
Отже, тут ми розглянули найпростіші приклади застосування умовних операторів JavaScript. Ось так - зовсім не складно, працює конструкція If-Else.
Візьміть масив друзів з попередньої теми: var friends = ["Олексій", "В'ячеслав", "Григорій", "Настя", "Павло"];
Напишіть умову, яку перевіряє : якщо кількість елементів у масиві більше або дорівнює 3, то виводиться повідомлення про те, що це великий масив, в якому щонайменше 3 елементи. А інакше, виведіть на екран повідомлення про те, що це невеликий масив, в якому не більше трьох елементів.
Перш ніж написати перевірну умову, необхідно пам'ятати і знати про те, як порахувати кількість елементів у Массіві. У цьому нам допоможе властивість length.
Це завдання можна було виконати трохи інакше, використовуючи більш короткий варіант написання коду. Змінну count, до якої заноситься кількість елементів масиву створювати необов'язково. Дивіться приклад нижче.