undefined – プログラミング入門

この章では配列について説明します。
普通の変数は１つしかデータを入れることができません（他のデータを入れようとするとデータが上書きされてしまう）が、配列は複数のデータをまとめて入れることができます。
複数のデータを扱う場合、普通の変数では以下のように別々の変数名でそれぞれのデータを入れなければいけませんが、配列を使うと１つの変数名で複数のデータを入れることができます。同じ目的で使用するデータは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のパターンです。この形式では以下のように直接の中に要素を書き込んでいきます。これは以下の配列と同じ意味です。

この章では変数の型について説明します。
C言語やC++やJavaなどの言語の場合は宣言する時に必ず、「データの型」を変数の先頭に付けなければいけません。
例えば整数型ならばのように書きます。
JavaScriptはこのような型の宣言をする必要はありません。
変数の型を意識する必要はありませんが、まったく考えなくていいかというとそんなことは無いので、JavaScripにどのようなデータ型があるかは知っておいてください。
JavaScriptのデータ型は基本形と参照型の2つに分類されます。では数値型について説明します。
数値型は整数と浮動小数点に分類されます。
整数は10進数、8進数、16進数に分類されます。
10進数は1，2などの我々が普段使っている数字です。
8進数は先頭に0を付けて028などと書きます。
16進数は先頭に0xを付けて0x41などと表現します。
浮動小数点は0.2など少数点を持つ数値のことを言います。
次は文字列型について説明します。
文字列型はダブルクォート、シングルクォートで囲われたデータのことを言います。
例えば以下のは文字列型です。
次に真偽型について説明します。
真偽型は「条件分岐ifの基本構文1」で詳しく説明しますので、ここでは少しだけ説明します。
真偽型はif文などの条件判定の時にtrue または falseとして返される値のことです。
数値の 0、特殊変数のnull、false、NaN、undefined、およびカラ文字は false であり、その他の値は true として扱われます。
NaNは数値型の値であり、undefinedと足し算するなどの通常とは違った演算が実行された時に返される値です（数値に変換しようとしてできなかった場合）。
nullやundefinedの詳しい説明は以下を参考にしてください。 nullについては「様々なオブジェクト(windowオブジェクト)について知ろう9」で説明しますが、ここでは少しだけ説明します。
promptメソッドを使ってのように書くとダイアログボックスが表示されるので、この中のキャンセルボタンを押した場合、 nullが返されます。 undefinedは以下の例のように宣言だけをして、値が入っていない変数を出力しようとした時に返される値(未定義値)です。
では例をみてみましょう。結果は以下の通りです。データ型について説明しましたので、次は指定したデータがどのデータ型に当てはまるかを確認する方法について説明します。
指定したデータがどのデータ型に当てはまるかを確認するにはtypeof演算子を使います。
では例をみてみましょう。この例の結果は
「typeof a」は数値型なのでnumberが出力されます。
「typeof b」は文字列型なのでstringが出力されます。
「関数」については「関数について知ろう1」で説明し、「オブジェクト」については「オブジェクト指向型プログラミングについて」で詳しく説明します。