JavaScript: операторы if ... else
Условный оператор
Условный оператор - это набор команд, которые выполняются, если заданное условие истинно. В JavaScript есть два условных оператора: if ... else и switch.
JavaScript if ... else заявление
Выполняет группу операторов, если логическое условие истинно. Используйте необязательное условие else для выполнения другой группы операторов.
Синтаксис
Для одного заявления: если (условие) statement_1 [еще statement_2]
Пример:
В следующем примере, если оператор else проверяет, больше ли входные метки больше 50 или нет.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript if else statement : Example-1</title>
</head>
<body>
<h1 style="color: red">JavaScript : if else statement</h1>
<h3>Here the if else statement check whether the input marks is greater than 50 or not.</h3>
<hr />
<form name="form1" action ="#">
Input the marks<input type="text" name="text1" value=" " />
<input type="button" value="Marks check"
onclick='marksgrade()' />
</form>
<script src="if-else-example1.js"></script>
</body>
</html>Код JS
function marksgrade()
{
if (document.form1.text1.value>50)
console.log('Marks is greater than 50.');
else
console.log('Marks is less than or equal to 50.');
}
JavaScript если ... еще, если заявление
Для нескольких условий мы можем использовать еще, если.
Синтаксис
statement_1
[еще, если (условие_2)
statement_2]
...
[еще, если (условие_n_1)
statement_n_1]
[еще
statement_n]
параметры
condition_1, condition_2: может быть любым выражением JavaScript, которое оценивается как true или false. Круглые скобки обязательны для условия. Если условие оценивается как истинное, операторы в Statement_1 выполняются, в противном случае, Statement_2 выполняется.
высказывания_1, высказывания_2: могут быть любыми утверждениями JavaScript, включая далее вложенные операторы if.
Хорошей практикой является использование оператора блока ({....}) для выполнения нескольких операторов. Смотрите следующий синтаксис:
Синтаксис
{
statements_1
}
еще
если (условие_2)
{
statements_2
}
Пример:
Здесь оператор if else if .. проверяет оценку по математике. на некоторых условиях.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript if else if... statement : Example-1</title>
</head>
<body>
<h1 style="color: red">JavaScript : if else if statement</h1>
<h3>Here the if else if.. statement check the grade of Math. with following condition : </h3>
<hr />
<p style="color:green;font-weight:bold">A+ (marks>=90) : A (marks>=80 and marks<90) : B+ (marks>=70 and marks<80) : B (marks>=60
and marks<70) : C (marks<60) </p>
<form name="form1" action ="#">
Input the Math. marks<input type="text" name="text1" value=" " />
<br /><br />
<input type="button" value="Marks check"
onclick='marksgrade()' />
</form>
<script src="if-else-if-example1.js"></script>
</body>
</html>
Код JS
function marksgrade()
{
if (document.form1.text1.value >=90)
alert('Grade A+');
else
if (document.form1.text1.value >=80 && document.form1.text1.value <90)
{
alert('Grade A');
}
else
if (document.form1.text1.value >=70 && document.form1.text1.value <80)
{
alert('Grade B+');
}
else
if (document.form1.text1.value >=60 && document.form1.text1.value <70)
{
alert('Grade B');
}
else
alert('Grade C');
}
Практикуйте пример онлайн
См. Javascript-common-editor Pen от w3resource ( @ w3resource ) в CodePen .
JavaScript, если вложенные операторы if
Помещение одного оператора if внутри другого оператора if называется вложенным. Смотрите следующий синтаксис:
Синтаксис
{
если (условие)
{
если (условие)
{
statement_1
}
еще
{
statement_2
}
}
}
еще
{
statement_3
}
Предыдущий: JavaScript: блок заявление
Далее: JavaScript: оператор Switch
Новый контент: Composer: менеджер зависимостей для PHP , R программирования