条件分岐

概要

データによって処理を切り分けたい場合にしようする。

 1.if文
 2.if~else文
 3.if~else if~else文
 4.switch文

if文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>テストサイト</title>
    </head>
    <body>
        <script type="text/javascript">
        //<![CDATA[
            // 値設定
            var data1 = 10;
 
            // 条件設定
            if(data1 == 10){
                document.write("data1=10" + "<br />");
            }
 
            // 条件設定
            if(data1 == 20){
                document.write("data1=20" + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

if~else文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>テストサイト</title>
    </head>
    <body>
        <script type="text/javascript">
        //<![CDATA[
            // 値設定
            var data1 = 10;
 
            // 条件設定
            if(data1 == 10){
                document.write("data1=10" + "<br />");
            }else{
                document.write("data1=else" + "<br />");
            }
            // 条件設定
            if(data1 == 20){
                document.write("data1=20" + "<br />");
            }else{
                document.write("data1=else" + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

if~else if~else文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>テストサイト</title>
    </head>
    <body>
        <script type="text/javascript">
        //<![CDATA[
            // 値設定
            var data1 = 10;
 
            // 条件設定
            if(data1 == 10){
                document.write("data1=10" + "<br />");
 
            }else if(data1 == 20){
                document.write("data1=20" + "<br />");
 
            }else{
                document.write("data1=else" + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

switch文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>テストサイト</title>
    </head>
    <body>
        <script type="text/javascript">
        //<![CDATA[
            // 値設定
            var data1 = 30;
 
            // 条件設定
            switch(data1){
            case 10:
                document.write("data1=10" + "<br />");
                break;
            case 20:
                document.write("data1=20" + "<br />");
                break;
            case 30:
                document.write("data1=30" + "<br />");
                break;
            default:
                document.write("data1=else" + "<br />");
                break;
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 




最終更新:2012年02月15日 07:38