プログラミングの勉強をしよう@Wiki
プログラミングの勉強をしよう@Wiki

配列

概要

Objectや"{}"で定義する。

　１.{}で静的定義する
　２.{}で定義後、動的追加する
　３.new Objectで定義


記述１（静的設定"{}"で挟んだ文字を配列とする）

hoge.html

<!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 ary = {"aaa" : "123", "bbb" : "456", "ccc" : "789"};
 
            // 出力1
            document.write("ary.aaa=" + ary.aaa + "<br />");
            document.write("ary.bbb=" + ary.bbb + "<br />");
            document.write("ary.ccc=" + ary.ccc + "<br />");
            document.write("<br />");
            // 出力1
            document.write("ary[\"aaa\"]=" + ary["aaa"] + "<br />");
            document.write("ary[\"bbb\"]=" + ary["bbb"] + "<br />");
            document.write("ary[\"ccc\"]=" + ary["ccc"] + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

記述２（静的設定"{}"の定義後に動的追加を行う）

hoge.html

<!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 ary = {};
 
            // 追加
            ary.aaa = "001";
            ary.bbb = "002";
            ary.ccc = "003";
 
            // 出力1
            document.write("ary.aaa=" + ary.aaa + "<br />");
            document.write("ary.bbb=" + ary.bbb + "<br />");
            document.write("ary.ccc=" + ary.ccc + "<br />");
            document.write("<br />");
            // 出力2
            document.write("ary[\"aaa\"]=" + ary["aaa"] + "<br />");
            document.write("ary[\"bbb\"]=" + ary["bbb"] + "<br />");
            document.write("ary[\"ccc\"]=" + ary["ccc"] + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

記述２－B（静的設定"{}"の定義後に動的追加を行う）

hoge.html

<!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 ary = {};
 
            // 追加
            ary["aaa"] = "aaaaa";
            ary["bbb"] = "bbbbb";
            ary["ccc"] = "ccccc";
 
            // 出力1
            document.write("ary.aaa=" + ary.aaa + "<br />");
            document.write("ary.bbb=" + ary.bbb + "<br />");
            document.write("ary.ccc=" + ary.ccc + "<br />");
            document.write("<br />");
            // 出力2
            document.write("ary[\"aaa\"]=" + ary["aaa"] + "<br />");
            document.write("ary[\"bbb\"]=" + ary["bbb"] + "<br />");
            document.write("ary[\"ccc\"]=" + ary["ccc"] + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 

記述３（new Objectで定義して設定）

hoge.html

<!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 ary = new Object;
 
            // 追加
            ary.aaa = "test1";
            ary.bbb = "test2";
            ary.ccc = "test3";
 
            // 出力1
            document.write("ary.aaa=" + ary.aaa + "<br />");
            document.write("ary.bbb=" + ary.bbb + "<br />");
            document.write("ary.ccc=" + ary.ccc + "<br />");
            document.write("<br />");
            // 出力2
            document.write("ary[\"aaa\"]=" + ary["aaa"] + "<br />");
            document.write("ary[\"bbb\"]=" + ary["bbb"] + "<br />");
            document.write("ary[\"ccc\"]=" + ary["ccc"] + "<br />");
        //]]>
        </script>
    </body>
</html>
 
 




「連想配列」をウィキ内検索
最終更新：2012年02月15日 07:19