パートナーコース#2 Javascript

     (11) ハッシュと配列




          ver.1.0       1
11-1.html ハッシュ
script
function hyoji(){
   var shuto = {};
                                               ここでは、ハッシュshuto
   shuto["日本"] = "東京";                         を宣言しています。
   shuto["アメリカ"] = "ワシントン";                    var shuto = new Object();
   shuto["フランス"] = "パリ";                       と書くこともあります。
    var name = "日本";
    alert(name + "の首都は" + shuto[name]);
}
                                               ハッシュに値を入れていきま
                                               す。




                                 ☆国を他に3つ追加してみよう




                                     ver.1.0                               2
11-2.html ハッシュその2
script
function hyoji(){
   var shuto = {"日本":"東京", "アメリカ":"ワ
シントン","フランス":"パリ"};

    var name = "フランス";
    alert(name + "の首都は" + shuto[name]);        このような書き方をすると
}                                              ハッシュに一度に全部の値
                                               を入れることができます。




                                   ☆国を他に3つ追加してみよう




                                     ver.1.0                  3
11-3.html ハッシュとループ
script
function hyoji(){
   var shuto = {"日本":"東京", "アメリカ":"ワシントン","フ
ランス":"パリ"};

    var text = "";
    for(var name in shuto){
       text += name + "の首都は" + shuto[name] + "<br>";
    }                                                    for(var name in shuto)
                                                         この書き方で、ハッシュ
    var output = document.getElementById("output");
    output.innerHTML = text;                             shuto
}                                                        にあるすべての要素が順々
                                                         に取り出されます。




                                               ver.1.0                            4
11-4.html ハッシュと配列
script
function hyoji(){
   var kazoku = [];                                    配列kazokuの要素にハッ
   kazoku[0] = {"名前":"テントくん", "年齢":11};
   kazoku[1] = {"名前":"テントパパ", "年齢":36};                シュを入れています。
   kazoku[2] = {"名前":"テントママ", "年齢":36};

    var text = "テント家の家族構成<br>";
    for(var i = 0; i < kazoku.length; i++){
       var a = kazoku[i];                              変数aはkazokuの要素を取り
       text += a["名前"] + a["年齢"] + "歳" + "<br>";
    }
                                                       出したものなのでハッシュ
    var output = document.getElementById("output");    です。
    output.innerHTML = text;
}




                                             ver.1.0                    5

ハッシュと配列

  • 1.
    パートナーコース#2 Javascript (11) ハッシュと配列 ver.1.0 1
  • 2.
    11-1.html ハッシュ script function hyoji(){ var shuto = {}; ここでは、ハッシュshuto shuto["日本"] = "東京"; を宣言しています。 shuto["アメリカ"] = "ワシントン"; var shuto = new Object(); shuto["フランス"] = "パリ"; と書くこともあります。 var name = "日本"; alert(name + "の首都は" + shuto[name]); } ハッシュに値を入れていきま す。 ☆国を他に3つ追加してみよう ver.1.0 2
  • 3.
    11-2.html ハッシュその2 script function hyoji(){ var shuto = {"日本":"東京", "アメリカ":"ワ シントン","フランス":"パリ"}; var name = "フランス"; alert(name + "の首都は" + shuto[name]); このような書き方をすると } ハッシュに一度に全部の値 を入れることができます。 ☆国を他に3つ追加してみよう ver.1.0 3
  • 4.
    11-3.html ハッシュとループ script function hyoji(){ var shuto = {"日本":"東京", "アメリカ":"ワシントン","フ ランス":"パリ"}; var text = ""; for(var name in shuto){ text += name + "の首都は" + shuto[name] + "<br>"; } for(var name in shuto) この書き方で、ハッシュ var output = document.getElementById("output"); output.innerHTML = text; shuto } にあるすべての要素が順々 に取り出されます。 ver.1.0 4
  • 5.
    11-4.html ハッシュと配列 script function hyoji(){ var kazoku = []; 配列kazokuの要素にハッ kazoku[0] = {"名前":"テントくん", "年齢":11}; kazoku[1] = {"名前":"テントパパ", "年齢":36}; シュを入れています。 kazoku[2] = {"名前":"テントママ", "年齢":36}; var text = "テント家の家族構成<br>"; for(var i = 0; i < kazoku.length; i++){ var a = kazoku[i]; 変数aはkazokuの要素を取り text += a["名前"] + a["年齢"] + "歳" + "<br>"; } 出したものなのでハッシュ var output = document.getElementById("output"); です。 output.innerHTML = text; } ver.1.0 5