条件ステートメントは、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。
条件文
通常、コードを記述するときは、さまざまな決定に対して常にさまざまなアクションを実行する必要があります。コード内で条件ステートメントを使用すると、このタスクを実行できます。
JavaScript では、次の条件ステートメントを使用できます:
if ステートメント - 指定された条件が true の場合にのみコードを実行するには、このステートメントを使用します。
if...else ステートメント - 条件が true の場合コードを実行し、条件が false の場合は他のコードを実行します
if...else if....else ステートメント - このステートメントを使用して、実行するコードの複数のブロックの 1 つを選択します
switch ステートメント - これを使用します実行するコードの複数のブロックの 1 つを選択するステートメント
If ステートメント
このステートメントは、指定された条件が true の場合にのみコードを実行します。
構文
if (条件)
{
条件が true のときに実行されるコード
}
注: if は小文字を使用してください。大文字 (IF) を使用すると、JavaScript エラーが発生します。
例
時間が20:00未満の場合、「こんにちは」という挨拶を生成します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>如果时间早于 20:00，会获得问候 "Good day"。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>注、この構文には...else....はありません。指定された条件が true の場合にのみコードを実行するようにブラウザーに指示しました。
プログラムを実行して試してください
If...elseステートメント
条件がtrueの場合はコードを実行し、条件がfalseの場合は他のコードを実行するにはif....elseステートメントを使用してください。 。
構文
if (条件)
{
条件が true のときに実行されるコード
}
else
{
条件が true でないときに実行されるコード
}
例時刻が20時未満の場合は「こんにちは」の挨拶が生成され、それ以外の場合は「こんばんは」の挨拶が生成されます。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>点击这个按钮，获得基于时间的问候。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x="";
var time=new Date().getHours();
if (time<20){
x="Good day";
}
else{
x="Good evening";
}
document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>プログラムを実行して試してみましょう
If...else if...else ステートメント if....else if...else ステートメントを使用して、複数のブロックの 1 つを選択します実行するコードの 。
構文
if (条件1)
{ 条件1が真のときに実行されるコード
}
else if (条件2)
{
条件2が真のときに実行されるコード
}
else
{
コード条件 1 も条件 2 も true でない場合に実行されます
}
例 時間が 10:00 未満の場合は、挨拶「おはようございます」を生成し、時間が 10:00 を超えている場合は、 20:00 未満の場合は「こんにちは」という挨拶が生成され、それ以外の場合は「こんばんは」という挨拶が生成されます:
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script type="text/javascript">
var d = new Date();
var time = d.getHours();
if (time<10)
{
document.write("<b>早上好</b>");
}
else if (time>=10 && time<16)
{
document.write("<b>今天好</b>");
}
else
{
document.write("<b>Hello World!</b>");
}
</script>
<p>
这个例子演示了 if..else if...else 语句。
</p>
</body>
</html>プログラムを実行して試してみてください
次のセクション
