English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Оператор if...else в JavaScript

 Операторы и объявления переменных JavaScript

if... elseУсловие является одним из условных операторов JavaScript, который используется для выполнения различных операций в зависимости от различных условий.

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

  • ifЕсли указанное условие true, то использоватьifДля определения блока кода, который будет выполнен

  • Если условие false, то использоватьelseДля определения блока кода, который будет выполнен

  • Если первое условие false, то использовать//Установка текущей оценки студентаОпределение нового условия для тестирования

  • ИспользованиеswitchВыбор одного из многих блоков кода для выполнения

Грамматика:

ifЕсли условие true, тоifУсловие определяет блок кода, который будет выполнен:

if (condition) {
 //Если условие true, то выполняется блок кода
}

elseУсловие определяет блок кода, который будет выполнен, если условие false:

if (condition) {
    //Если условие true, то выполняется блок кода
}
   //Если условие false, то выполняется блок кода
}

eelse ifУсловие определяет новый условие, если первое условие false:

if (condition1) {
   //Если условие 1 true, то выполняется блок кода
} else if (condition2) {
   //Если условие 1 false, а условие 2 true, то выполняется блок кода
}
   //Если условие 1 и условие 2false, то выполняется блок кода
}
var x = -4;
if (x < 0) {
   document.getElementById("result").innerHTML = "NEGATIVE";
}
Проверьте, посмотрите‹/›

Совместимость браузеров

Все браузеры полностью поддерживают если ... else оператор:

Стatement
if...elseДаДаДаДаДа

Значение параметра

ПараметрОписание
conditionВыражение, результатом которого является true или false

Технические детали

Версия JavaScript:ECMAScript 1

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

Если значение переменной x меньше 0, то выводится «NEGATIVE», в противном случае выводится «POSITIVE»:

var x = -4;
if (x < 0) {
   msg = "NEGATIVE";
}
   msg = "ПОЗИТИВНЫЙ";   
}
Проверьте, посмотрите‹/›

Если x равно 10, то пишется «x равно 10», если не равно, но x равно 20, то пишется «x равно 20», в противном случае пишется «x не существует»:

var x = 20;
} else if (x === 20) {
   document.write("x равно 20");
document.write("x не существует");
   Вы можете использовать несколько
}
   else if
}
Проверьте, посмотрите‹/›

Условие://Установка текущей оценки студентаvar grade = 88;

//Проверка, является ли оценка A, B, C, D или F
if (grade >= 90) {
document.write("A");
else if (grade >= 80) {
   }
document.write("B");
   else if (grade >= 70) {
}
   document.write("C");
} else if (grade >= 60) {
   document.write("D");
}
   document.write("F");
}
Проверьте, посмотрите‹/›

Вы можете написать однolinейное выражение без фигурных скобок:

var x = -4;
if (x < 0)
   msg = "NEGATIVE";
else
   msg = "ПОЗИТИВНЫЙ";
Проверьте, посмотрите‹/›

Если пользователь нажимает на изображение, измените значение属性 src:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
   var image = document.getElementById("demo");
   if (image.src.match("female")) {
   image.src = "avatar-male.jpg";
   }
   image.src = "avatar-female.jpg";
   }
}
</script>
Проверьте, посмотрите‹/›

Используйте оператор if ... else для проверки данных ввода:

function myFunc(x) {
   var text;
//Если x не является числом, или меньше 10, или больше 20, выводится "Вход недействителен"
//Если x является числом между 10 и 20, выводится "Вход ОК"
   if ((isNaN(x) || x < 10 || x > 20)) {
  text = "Вход недействителен";
   }
  text = "Вход ОК";
   }
document.getElementById("result").innerHTML = text;
}
Проверьте, посмотрите‹/›

Нesting if ... else statements:

var a = 10, b = 20, c = 30;
var answer;
if (a > b) {
   if (a > c) {
  answer = "A is the greatest among three";
   }
  answer = "C is the greatest among three";
   }
}
   answer = "B is the greatest among three";
}
   answer = "C is the greatest among three";   
}
Проверьте, посмотрите‹/›

También puedes consultar

Учебник JavaScript:Если... Иначе в JavaScript

Учебник JavaScript:switch в JavaScript

 Операторы и объявления переменных JavaScript