SlideShare a Scribd company logo
1 of 5
パートナーコース#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

More Related Content

What's hot

Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」
Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」
Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」Hiro H.
 
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」Hiro H.
 
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]創史 花村
 
String representation in py3k
String representation in py3kString representation in py3k
String representation in py3kAtsuo Ishimoto
 
Boost.B-tree introduction
Boost.B-tree introductionBoost.B-tree introduction
Boost.B-tree introductionTakayuki Goto
 
WordPressで始めるphp入門
WordPressで始めるphp入門WordPressで始めるphp入門
WordPressで始めるphp入門Hiroaki Murayama
 
Python勉強会3-コレクションとファイル
Python勉強会3-コレクションとファイルPython勉強会3-コレクションとファイル
Python勉強会3-コレクションとファイル理 小林
 
Php 12時間目(for文(ループ処理)応用)
Php 12時間目(for文(ループ処理)応用)Php 12時間目(for文(ループ処理)応用)
Php 12時間目(for文(ループ処理)応用)internous,inc.
 
Adding simpl GVN path into GHC
Adding simpl GVN path into GHCAdding simpl GVN path into GHC
Adding simpl GVN path into GHCKei Hibino
 
Common LispでGPGPU
Common LispでGPGPUCommon LispでGPGPU
Common LispでGPGPUgos-k
 
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)Yoichi Nakayama
 
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bashJun Nogata
 
並行プログラミングと継続モナド
並行プログラミングと継続モナド並行プログラミングと継続モナド
並行プログラミングと継続モナドKousuke Ruichi
 
Redis Intro Osc2010 Tokyo Spring
Redis Intro Osc2010 Tokyo SpringRedis Intro Osc2010 Tokyo Spring
Redis Intro Osc2010 Tokyo SpringMakoto Ohnami
 
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」Hiro H.
 
EmacsとGlossでお絵描きしてみるよ
EmacsとGlossでお絵描きしてみるよEmacsとGlossでお絵描きしてみるよ
EmacsとGlossでお絵描きしてみるよKiwamu Okabe
 

What's hot (20)

Hupc 1
Hupc 1Hupc 1
Hupc 1
 
Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」
Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」
Boost.勉強会 #21 札幌「C++1zにstring_viewが導入されてうれしいので紹介します」
 
Aizu lt tokyo_luxion
Aizu lt tokyo_luxionAizu lt tokyo_luxion
Aizu lt tokyo_luxion
 
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」
2011.7.3 札幌C++勉強会#2「C++のマクロはどこまで関数をいじれるのか」
 
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]
Neo4jでつなぐ知見のネットワーク [Pycon2016 LT]
 
F#のすすめ
F#のすすめF#のすすめ
F#のすすめ
 
String representation in py3k
String representation in py3kString representation in py3k
String representation in py3k
 
Boost.B-tree introduction
Boost.B-tree introductionBoost.B-tree introduction
Boost.B-tree introduction
 
WordPressで始めるphp入門
WordPressで始めるphp入門WordPressで始めるphp入門
WordPressで始めるphp入門
 
CLR/H No.35-2
CLR/H No.35-2CLR/H No.35-2
CLR/H No.35-2
 
Python勉強会3-コレクションとファイル
Python勉強会3-コレクションとファイルPython勉強会3-コレクションとファイル
Python勉強会3-コレクションとファイル
 
Php 12時間目(for文(ループ処理)応用)
Php 12時間目(for文(ループ処理)応用)Php 12時間目(for文(ループ処理)応用)
Php 12時間目(for文(ループ処理)応用)
 
Adding simpl GVN path into GHC
Adding simpl GVN path into GHCAdding simpl GVN path into GHC
Adding simpl GVN path into GHC
 
Common LispでGPGPU
Common LispでGPGPUCommon LispでGPGPU
Common LispでGPGPU
 
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)
すごいHaskell読書会 in 大阪 2週目 #5 第5章:高階関数 (2)
 
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash
姫路IT系勉強会 Vol.11 第0回L-1グランプリ bash
 
並行プログラミングと継続モナド
並行プログラミングと継続モナド並行プログラミングと継続モナド
並行プログラミングと継続モナド
 
Redis Intro Osc2010 Tokyo Spring
Redis Intro Osc2010 Tokyo SpringRedis Intro Osc2010 Tokyo Spring
Redis Intro Osc2010 Tokyo Spring
 
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」
2011.12.10 関数型都市忘年会 発表資料「最近書いた、関数型言語と関連する?C++プログラムの紹介」
 
EmacsとGlossでお絵描きしてみるよ
EmacsとGlossでお絵描きしてみるよEmacsとGlossでお絵描きしてみるよ
EmacsとGlossでお絵描きしてみるよ
 

Viewers also liked

PINTURA BARROCA
PINTURA BARROCAPINTURA BARROCA
PINTURA BARROCANuiragg
 
Tnw Final Draft P6
Tnw Final Draft P6Tnw Final Draft P6
Tnw Final Draft P6Kaylyn
 
ภาพการตั้งจุดตรวจเข้มแข็ง สภ
ภาพการตั้งจุดตรวจเข้มแข็ง สภภาพการตั้งจุดตรวจเข้มแข็ง สภ
ภาพการตั้งจุดตรวจเข้มแข็ง สภwillso
 
Equipos de trabajo
Equipos de trabajoEquipos de trabajo
Equipos de trabajonataliaayora
 
Psychiatry on line brazil
Psychiatry on line brazilPsychiatry on line brazil
Psychiatry on line brazilJóice Anne
 
1. compoñentes do pc.pdf
1. compoñentes do pc.pdf1. compoñentes do pc.pdf
1. compoñentes do pc.pdfmacedamartin
 
Lição 08 - Deus quer salvar a todos
Lição 08 - Deus quer salvar a todosLição 08 - Deus quer salvar a todos
Lição 08 - Deus quer salvar a todosMárcio Pereira
 
Informativo sav - pv (julho e agosto - 2011)[1]
Informativo   sav - pv (julho e agosto - 2011)[1]Informativo   sav - pv (julho e agosto - 2011)[1]
Informativo sav - pv (julho e agosto - 2011)[1]Leandro Gomes
 
BBOM APRESENTAÇÃO OFICIAL RASTREADORES
BBOM APRESENTAÇÃO OFICIAL RASTREADORESBBOM APRESENTAÇÃO OFICIAL RASTREADORES
BBOM APRESENTAÇÃO OFICIAL RASTREADORESMarcos Ribas
 
L edukazzjoni tal-konsumatur
L edukazzjoni tal-konsumaturL edukazzjoni tal-konsumatur
L edukazzjoni tal-konsumaturDorothy Cuschieri
 
Mga sagisag
Mga sagisagMga sagisag
Mga sagisaglokarish
 

Viewers also liked (20)

Hojas de vida
Hojas de vidaHojas de vida
Hojas de vida
 
PINTURA BARROCA
PINTURA BARROCAPINTURA BARROCA
PINTURA BARROCA
 
Tnw Final Draft P6
Tnw Final Draft P6Tnw Final Draft P6
Tnw Final Draft P6
 
ภาพการตั้งจุดตรวจเข้มแข็ง สภ
ภาพการตั้งจุดตรวจเข้มแข็ง สภภาพการตั้งจุดตรวจเข้มแข็ง สภ
ภาพการตั้งจุดตรวจเข้มแข็ง สภ
 
Equipos de trabajo
Equipos de trabajoEquipos de trabajo
Equipos de trabajo
 
Sub14 plantel
Sub14 plantelSub14 plantel
Sub14 plantel
 
Psychiatry on line brazil
Psychiatry on line brazilPsychiatry on line brazil
Psychiatry on line brazil
 
Danke leben
Danke lebenDanke leben
Danke leben
 
Sharak
SharakSharak
Sharak
 
Practica
Practica Practica
Practica
 
CHINCHONA
CHINCHONACHINCHONA
CHINCHONA
 
Question 2
Question 2Question 2
Question 2
 
Internet
InternetInternet
Internet
 
1. compoñentes do pc.pdf
1. compoñentes do pc.pdf1. compoñentes do pc.pdf
1. compoñentes do pc.pdf
 
A Bola Da Amizade
A Bola Da AmizadeA Bola Da Amizade
A Bola Da Amizade
 
Lição 08 - Deus quer salvar a todos
Lição 08 - Deus quer salvar a todosLição 08 - Deus quer salvar a todos
Lição 08 - Deus quer salvar a todos
 
Informativo sav - pv (julho e agosto - 2011)[1]
Informativo   sav - pv (julho e agosto - 2011)[1]Informativo   sav - pv (julho e agosto - 2011)[1]
Informativo sav - pv (julho e agosto - 2011)[1]
 
BBOM APRESENTAÇÃO OFICIAL RASTREADORES
BBOM APRESENTAÇÃO OFICIAL RASTREADORESBBOM APRESENTAÇÃO OFICIAL RASTREADORES
BBOM APRESENTAÇÃO OFICIAL RASTREADORES
 
L edukazzjoni tal-konsumatur
L edukazzjoni tal-konsumaturL edukazzjoni tal-konsumatur
L edukazzjoni tal-konsumatur
 
Mga sagisag
Mga sagisagMga sagisag
Mga sagisag
 

More from TENTO_slide

HTMLの要素の選び方
HTMLの要素の選び方HTMLの要素の選び方
HTMLの要素の選び方TENTO_slide
 
グローバル変数
グローバル変数グローバル変数
グローバル変数TENTO_slide
 
ループその3
ループその3ループその3
ループその3TENTO_slide
 
ループその2
ループその2ループその2
ループその2TENTO_slide
 
デザイン型人材育成のために
デザイン型人材育成のためにデザイン型人材育成のために
デザイン型人材育成のためにTENTO_slide
 
2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料TENTO_slide
 

More from TENTO_slide (13)

HTMLの要素の選び方
HTMLの要素の選び方HTMLの要素の選び方
HTMLの要素の選び方
 
タイマー
タイマータイマー
タイマー
 
イベント
イベントイベント
イベント
 
復習その2
復習その2復習その2
復習その2
 
グローバル変数
グローバル変数グローバル変数
グローバル変数
 
関数
関数関数
関数
 
ループその3
ループその3ループその3
ループその3
 
ループその2
ループその2ループその2
ループその2
 
デザイン型人材育成のために
デザイン型人材育成のためにデザイン型人材育成のために
デザイン型人材育成のために
 
Html03
Html03Html03
Html03
 
Html02
Html02Html02
Html02
 
Html01
Html01Html01
Html01
 
2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料2012ー1 TENTOプレゼン資料
2012ー1 TENTOプレゼン資料
 

ハッシュと配列

  • 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