繰り返し

概要

処理を繰り返す場合に処理を行う

 1.for文(回数指定)
 2.for-in文(連想配列繰り返し)
 3.while文(条件指定、前条件判断)
 4.do-while文(条件指定、後条件判断)

1.for文(回数指定)

<!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[
            // 回数指定の繰り返し
            for(var i = 0;i < 10;i++){
                document.write("i=" + i + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

1-B.for文(配列での回数指定)

<!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 list = ["aaa", "bbb", "ccc", "ddd", "eee"];
 
            // 回数指定の繰り返し
            for(var i = 0;i < list.length ;i++){
                document.write("list=" + list[i] + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

2.for-in文(連想配列繰り返し)

<!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 list = {"aaa" : "11111",
                        "bbb" : "22222",
                        "ccc" : "33333",
                        "ddd" : "44444",
                        "eee" : "55555",};
 
            // 連想配列の繰り返し
            for(var key in list){
                document.write("kwy=" + key + " list=" + list[key] + "<br />");
            }
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 
 

3.while文(条件指定、前条件判断)

<!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 i=10;
 
            // 継続条件
            while(i < 10){
 
                // 出力
                document.write("i=" + i + "<br />");
 
                // インクリメント
                i++;
            }
 
            document.write("<br />");
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

4.do-while文(条件指定、後条件判断)

<!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 i=10;
 
            // 継続条件
            do{
 
                // 出力
                document.write("i=" + i + "<br />");
 
                // インクリメント
                i++;
            }while(i < 10);
 
            document.write("<br />");
 
            // 出力1
            document.write("Test Javascript" + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 





最終更新:2012年02月15日 21:39