Операторы ветвления.

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

На этом уроке 4 вида операторов ветвления:

  • Оператор ветвления if
  • Оператор ветвления if else
  • Условная тернарная операция
  • Оператор switch-case

Оператор if

Этот оператор реализует выполнение (не выполнение) блока кода, при условии, что некоторое выражение равно true (false). Выражение, в зависимости от значения которого код выполняется (не выполняется) пишется в круглых скобках после ключевого слова if. Блок кода, который выполняется (не выполняется) пишется после условия в фигурных скобках.

if (условие) {
  // код
}
  

Напишем скрипт, который выводит сообщение только тогда, когда переменная a содержит значение true.

var a = true;
if (a) {
  console.log('Переменная а содержит значение true');
}
  

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

var a = false;
if (a) {
  console.log('Переменная а содержит значение true'); // этот код не сработает
}
  

Оператор ветвления if else

Оператор ветвления if else, предназначен для запуска того или иного блока кода, в зависимости от значения которое вернёт условие: true или false.

Он отличается от оператора if тем, что после блока кода, который выполняется, если условие верное, пишется ключевое слово else с блоком кода в фигурных скобках после него. Этот блок выполняется, если условие в круглых скобках после ключевого слова if неверное.

if (условие) {
 код запустится, если условие вернёт true
} else {
 код запустится, если условие вернёт false
}
  

Приведём пример с оператором ветвления if else:

var numOne;
var numTwo;

numOne = 5;
numTwo = 3;

if (numOne > numTwo) {
 alert("Условие возвратило true");
} else {
 alert("Условие возвратило false");
}
  

Если присвоить переменной numTwo, число большее чем 5, например 7, тогда условие вернёт false и появится окошко с сообщением Условие возвратило false.

Вот еще пример, демонстрирующий работу операторов if-else, приветствующий пользователя по-разному, в зависимости от времени суток. Попробуйте написать данный код и посмотреть его работу.

<html>
<head>
<title>Hello!</title>
</head>
 
<body>
<script type="text/javascript">
var date = new Date(),
  hours = date.getHours();
 
if (hours < 12 && hours > 5) {
  document.write('C добрым утром!');
} else if (hours >= 12 && hours < 17) {
  document.write('Добрый день!');
} else if (hours >= 17 && hours < 22) {
  document.write('Добрый вечер!');
} else {
  document.write('Доброй ночи!');
}
 
</script>
</body>
</html>
  

Условная тернарная операция

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

  var variable = booleanValue ? value1 : value2;
  

если значение booleanValue равно true, то переменной variable присвоится значение value1, иначе значение value2. Этот оператор удобно использовать для сокращение кода вида:

var variable;
if (booleanValue) {
  variable = value1;
} else {
  variable = value2;
};
  

Оператор switch-case

Этот оператор удобно использовать когда у нас много вариантов выбора. Синтаксис его такой:

  switch (какое-то значение) {
  case значение1 :
    // code1
    break;
  case значение2 :
    // code2
    break;
  // ...
  case значениеN :
    // codeN
    break;
  default :
    // codeM
}
  

Если какое-то значение равно значению 1, то выполнится первый блок кода, если значению 2, то второй и так далее. Если какое-то значение не равно ни одному из предложенных вариантов, стоящему после ключевого слова case, то выполнится блок кода, после ключевого слова default. Оператор switch-case часто применяется, чтобы избежать длинных цепочек if-else.

Стоит ещё сказать пару слов о операторе break. Если он опущен в каком-то блоке кода, после case, то выполнения кода продолжится и блок кода, после следующего ключевого слова case так же выполнится и так далее, пока не будет встречено ключевое слово break.

 
Поделиться в facebook
Facebook
Поделиться в twitter
Twitter
Поделиться в vk
VK
Поделиться в google
Google+
Поделиться в email
Email

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Группа в VK

Помощь проекту

Обнаружили опечатку?

Сообщите нам об этом, выделите текст с ошибкой и нажмите Ctrl+Enter, будем очень признательны!

Свежие статьи

Похожие статьи

Фреймворк Vue.js

Фреймворк Vue.js

Vue (произносится как view – вью) – это прогрессивный фреймворк для создания пользовательских интерфейсов. Vue позволяет строить приложения с применением архитектурного паттерна MVVM (Model-View-ViewModel). Особенность

 
Фреймворки и библиотеки в JavaScript

Фреймворки и библиотеки в JavaScript

JavaScript — это мультипарадигмальный язык программирования, который поддерживает типы программирования, управляемые событиями, функциональные и обязательные (в том числе объектно-ориентированные и основанные на прототипах). Фреймворки JavaScript

 
Знакомство с Ajax.

Знакомство с Ajax.

AJAX расшифровывается как «Асинхронный JavaScript и XML». Под AJAX понимается не одна технология, и она не является новой. На самом деле это группа технологий (HTML,

 
Знакомство с jQuery

Знакомство с jQuery

jQuery — это библиотека JavaScript, в основу которой положено взаимодействие JavaScript и HTML. Она позволяет легко получить доступ к любому элементу DOM, с ее помощью

 

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: