При написании программы может возникнуть ситуация, когда вам нужно принять один из заданного набора путей. В таких случаях вам необходимо использовать условные операторы, которые позволяют вашей программе принимать правильные решения и выполнять правильные действия.
JavaScript поддерживает условные операторы, которые используются для выполнения разных действий на разных условиях. Здесь мы объясним утверждение if..else.
Схема потока if-else
Следующая блок-схема показывает, как работает оператор if-else.
JavaScript поддерживает следующие формы if..else statement -
- Если утверждение
- If ... else statement
- Если ... else if ... statement.
If утверждение
Оператор if - это основной оператор управления, который позволяет JavaScript принимать решения и выполнять инструкции условно.
СинтаксисСинтаксис для оператора basic if выглядит следующим образом:
if (expression){
Statement(s) to be executed if expression is true
}
Здесь вычисляется выражение JavaScript. Если результирующее значение истинно, выполняется задание. Если выражение ложно, то никакая инструкция не будет выполнена. В большинстве случаев вы будете использовать операторы сравнения при принятии решений.
примерПопробуйте следующий пример, чтобы понять, как работает оператор if.
<html>
<body>
<script type="text/javascript">
<!--
var age = 20;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}
//-->
</script>
</body>
</html>
Qualifies for drivingif ... else:
Оператор if if else является следующей формой инструкции управления, которая позволяет JavaScript выполнять инструкции более контролируемым образом.
if (expression){
Statement(s) to be executed if expression is true
}
else{
Statement(s) to be executed if expression is false
}
Здесь вычисляется выражение JavaScript. Если результирующее значение истинно, выполняются заданные операторы в блоке «if». Если выражение ложно, то выполняются заданные операторы в блоке else.
примерПопробуйте следующий код, чтобы узнать, как реализовать инструкцию if-else в JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var age = 15;
if( age > 18 ){
document.write("<b>Qualifies for driving</b>");
}
else{
document.write("<b>Does not qualify for driving</b>");
}
//-->
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
Does not qualify for drivingif ... else if ... statement
Оператор if ... else if ... представляет собой расширенную форму if ... else, которая позволяет JavaScript принимать правильное решение из нескольких условий.
Синтаксис оператора if-else-if выглядит следующим образом:
if (expression 1){
Statement(s) to be executed if expression 1 is true
}
else if (expression 2){
Statement(s) to be executed if expression 2 is true
}
else if (expression 3){
Statement(s) to be executed if expression 3 is true
}
else{
Statement(s) to be executed if no expression is true
}
В этом коде нет ничего особенного. Это просто серия, если заявления, где каждый если является частью предыдущего заявления. Оператор (ы) выполняется на основе истинного условия, если ни одно из условий не является истинным, тогда выполняется блок else.
примерПопробуйте следующий код, чтобы узнать, как реализовать инструкцию if-else-if в JavaScript.
<html>
<body>
<script type="text/javascript">
<!--
var book = "maths";
if( book == "history" ){
document.write("<b>History Book</b>");
}
else if( book == "maths" ){
document.write("<b>Maths Book</b>");
}
else if( book == "economics" ){
document.write("<b>Economics Book</b>");
}
else{
document.write("<b>Unknown Book</b>");
}
//-->
</script>
</body>
<html>
Maths Book