array – プログラミング入門

この章では配列について説明します。
普通の変数は１つしかデータを入れることができません（他のデータを入れようとするとデータが上書きされてしまう）が、配列は複数のデータをまとめて入れることができます。
複数のデータを扱う場合、普通の変数では以下のように別々の変数名でそれぞれのデータを入れなければいけませんが、配列を使うと１つの変数名で複数のデータを入れることができます。同じ目的で使用するデータは1つにまとめてしまい、1つの変数名で複数のデータを管理できると便利です。
このような時に配列を使用します。
では例をみてみましょう。配列の基本構文をみてみましょう。 [ データ1, データ2,データ3 … ]の部分を配列リテラルと言います。
この例では紙面の都合で配列を２行で書いていますが１行で書いてもいいです。
この例では数字と文字列が混在したという４つの要素を持ったperson配列を作成しています。
この他にも配列リテラルには数字だけのという形式、
文字列だけのという形式など様々な形式で書くことが出来ます。
まだ何も入れたいデータが決まっていないのならばのようにカラの要素で配列を作ってから,後で要素を入れていくということも可能です(これは次の例文で説明します)。

次に配列にデータを入れる方法について説明します。 [ ]の中に入っている数値を添え字またはインデックスと言います。
添え字とは配列に入っているデータがどこに保管されているのかを管理する番号です。
例えばコインロッカーに荷物を預ける場合、必ずロッカーには番号が振ってあります。
この番号があるからこそ、自分の荷物がどこにあるのかが分かるわけですが、添え字も同じ考えです。
つまり、添え字で配列のデータがどこに保管されているのかを管理します。
この例の配列の1番前の添え字0にはが入っていて、配列の前から2番目の添え字1にはが入っていて、配列の前から3番目の添え字2にはが入っていて、配列の前から4番目の添え字3にはが入っています。添え字は０から順番に番号が付けられていきます。
１から数えるのではないので注意してください。
もう一度繰り返します。
配列の１番前、つまりにはという要素が入っていて、配列の前から２番目、つまりにはという要素が入っていて、配列の前から3番目、つまりにはという要素が入っていて、配列の前から４番目、つまりにはという要素が入っています。
そして、5番目の要素としてのように要素を代入しています。
このように後からでも配列に対してデータを追加することが出来ます。
つまり、例の配列はと同じ意味になります。
補足ですが、この例での添え字の最大値は4です。
つまり、この例の配列の要素数である5と添え字の最後の添え字である4は1つのずれがあるので注意してください（添え字は0から数えるので当たり前ですが）。

次は配列の要素を出力する方法について説明します。
「配列名[添え字] 」という構文でなどで出力すると添え字で指定した配列の要素を出力できます。
例えば
document.write(person[3]);はに入っている要素である234を出力します。
document.write(person[4]);はに入っている要素である島田を出力します。
次の例はカラの配列を作ってから、要素をそれぞれ代入しています。初めに、var person=[];のように要素が入っていないカラの要素を作ります。
それから、以下のようにそれぞれデータを入れていきます。結果は初めの例と同じです。
最後に３点補足します
①配列の要素には変数も指定することが出来ます。
②次の例のように要素が4つしかない配列に、添え字が8の要素に対してデータを代入したらどうなるでしょうか？「person[8]=”島田”;」で添え字8の要素にを代入することで、9つの要素を持つ配列が作成されたことになります。
では添え字が4から7の要素はどうなるでしょうか？
例を実行してもらうと解りますが、undefinedが出力されます。
undefinedは未定義値と言う意味です。
結果は以下の通りです。
③次は先ほどとは違う形式で配列を作成します。
Arrayクラスのオブジェクトを使います。
オブジェクトの意味はまだ説明していないので、形だけ覚えてください。
Arrayクラスのオブジェクトで配列を作成する基本構文は3つあります。
では1のパターンから説明します。では説明を始めます。
初めにのようにカラの要素を持つ配列を作ります。
(var person=[];と同じ)
後はperson[0]=”芥川”;のようにデータを入れていきます。

次は2のパターンです。配列の要素を5個作成するのでと記述しています。
つまり、カッコの中の数値は配列の要素数を入れます。
後は1のパターンと同じようにデータを入れていきます。

次は3のパターンです。この形式では以下のように直接の中に要素を書き込んでいきます。これは以下の配列と同じ意味です。

この章では配列について説明します。
普通の$bookのような変数は1つしかデータを入れることができませんが、配列は複数のデータを入れることができます。
複数のデータを扱う場合、普通の変数では別々の変数名でそれぞれのデータを入れなければいけません。これらの5つの変数は一見して関係性があるように見えますが、メモリ上では全く別の変数であり、関係性はありません。
配列を使いますと、以下の通り1つの変数$animalで複数のデータを扱うことが出来ます。
つまり、1つの変数$animalの中には複数のデータがお互い関係性を持って存在していると言えます。同じ目的で使用するデータは1つにまとめてしまい、1つの変数で複数のデータを管理できると便利です。
このような時に配列を使用します。
配列の作成方法は5つありますので順番に説明していきます。配列名の命名規則は変数名の命名規則と同じです。
右辺は配列を表すarrayにカッコを付けて、要素をカンマで区切ります。以下の例で説明しますと猫、犬などのデータ間をカンマ区切ります。
スペースの都合で2行で書いていますが1行で書いても結構です。配列の基本構文1では以下のように配列を作成しました。
これを配列の基本構文2で書き換えますと、次のようになります。
添え字とは配列のデータが何番目に入っているのかを管理する番号です。
例えばコインロッカーを使う場合、必ずロッカーに番号が振ってありますが、この番号があるからこそ、どこに荷物があるのか分かるわけです。
添え字もこれと同じで配列のデータがどこに入っているのかを管理する番号です。
また、添え字は0から順番に番号が付けられていきます。
1から番号が振られるわけではありませんので注意してください。
以下の図で添え字について説明します。両方の配列に共通していることは配列の先頭である0には猫が入っていて、配列の前から2番目の1には犬が入っていて、配列の前から3番目の2にはライオンが入っていて、配列の前から4番目の3には象が入っていて、配列の前から5番目の4にはネズミが入っていると言うことです。
つまり、以下の図のペアは同じことを意味しています。基本構文１，２で作成した2つ配列はと言う基本構文3で以下のように書くことが出来ます。配列の基本構文2との違いはブランケットの中に添え字を使っていないことですが、意味は同じです。
添え字が無くても、添え字の0には猫、添え字の1には犬、添え字の2にはライオン、添え字の3には象, 添え字の4にはネズミが入っています。つまり、添え字を明確に書かない場合には0から順に値が入っていきます。これまでの配列は添え字が数字でしたが、配列の基本構文4では添え字に文字列を使います。
文字列型の添え字はキーとも呼ばれています。
このように作られた配列を連想配列といいます。
その場合、添え字は文字列なのでダブルクォートで囲みます。このように添え字に文字列を使いますと単に添え字を数字にした形式と比べて、添え字と値の関係性が分かりやすくなります。
nameが大野という言い方と以下のように0番目が大野という言い方ではわかりやすさが違います。配列の基本構文4を配列の基本構文5で書き換えると以下のようになります。
キーと値の間にはがあり、キーと値の関係付けを行っています。
これまでは配列の作り方を説明しましたが、ここでは配列からデータを取り出す方法について説明します。配列$animalから配列の値である猫を取り出すにはと、書きます。
には猫と言うデータが入っていますので、変数の箇所で説明したように、printやechoを使ってその中に入っている値を出力することが出来ます。
つまり、ブランケットの中に添え字を入力するとそれに応じた値を配列から取り出すことが出来ます。
ですので上の例の結果は以下の通りです。今度は連想配列からデータを取り出してみましょう。連想配列$humanから配列の値である大野を取り出すにはと、書きます。
つまりには大野と言うデータが入っていますのでprintやechoを使ってその中に入っている値を取り出すことが出来ます。
つまり、ブランケットの中にキーを入力するとそれに応じた値を配列から取り出すことが出来ます。
次に配列のデータを変更する方法について説明します。
配列のデータを変更するには以下のやのように新たなデータを代入するだけです。
これで古い要素である猫、犬が上書きされて新しいデータに変わります。次は配列のデータをカラにする方法について説明します。
例えば配列を初期化したい場合、つまり要素を消したい場合にはカラの配列を代入します。
カラの配列はで表現します。では例をみてみましょう。これで配列の要素はカラになります。