苦学楽学塾 ホームページ
最終更新日：2024年12月28日
複数のデータをまとめて扱う場合、JavaScriptでは配列を使います。配列を定義する方法は2通りあり、一つは、
var a1 = [1, 2, 3];
という具合に、カギ括弧で挟んで複数のデータを並べます。空の配列を作る場合は、
var a1 = [];
とします。
もう一つの方法は、配列クラスArrayのコンストラクタnewを使う方法で、
var a1 = new Array(3);
とすると、空のデータundefinedが3個入っている配列ができます。要素数0の配列を作るのには、new Array(0);とします。
配列のデータには、何番目のデータかという番号(先頭は0，末尾は配列の要素数－1です。この番号を配列の添字と言います)をカギ括弧'['，']'に挟んでアクセスします。配列a1の3番目の要素はa1[2]です。a1 = [1, 2, 3];とした場合には、a1[2]に3が入っています。
配列の定義にも注意すべき点があります。やはり複数の作業者でプログラミングを行う場合、
var a1 = [1, 2, 3];
とした後で、別の作業者が、
var a2 = [1, 2, 3];
として、うっかり、
a1 = a2;
a2.push(4);
などとやってしまうと、a1を操作している作業者が、a1[3]にはデータが入っていないはずと思っているのに、a1[3]に4が入っているのです。これは、a1 = a2とした時に、配列a1が配列a2に置き換わってしまうために起こります。こうした事故を防ぐために、ソフト業界では、配列の定義にはvarではなくconstを使えと言われると思います。constで定義したら、配列に代入できるのかと思うかも知れませんが、constで配列を定義しても、配列内の要素の値を書き換えることも、pushメソッドを使うこともできます。但し、上記の例で、const a1 = [1, 2, 3];とすると、a1 = a2;とすることができなくなります。
JavaScriptでは、連想配列を扱えます。連想配列は、中カッコ'{'と'}'でくくります。配列の場合、a1[2]のようにしてアクセスしますが、連想配列では、配列の特定の要素を指定するのに文字列を使います。例えば、商品appleの値段が150円ということを連想配列を使って実現するなら、商品名を'name'というキーに、値段を'price'というキーに設定して、
var good1 = {'name':"apple", 'price':150};
とします。good1['name']とすると、"apple"が得られ、good1['price']とすると、150が得られます。さらに、orangeの値段が200円、bananaの値段が80円、とする場合、連想配列の配列goodsを以下のようにして作ることができます。
var good2 = {'name':"orange", 'price':200};
var good3 = {'name':"banana", 'price':80};
var goods = [];
goods.push(good1);
goods.push(good2);
goods.push(good3);
のように記述します。goods配列3番目のデータの'name'キーを取り出すのには、goods[2]['name']とすると、"banana"が得られます。goods配列の2番目のデータの'price'キーを取り出すのには、goods[1]['price']とすると、200が得られます。また、goods[2]['name']はgoods[2].name，goods[1]['price']はgoods[1].priceと記述することもできます。
【広告】 ここから広告です。ご覧の皆さまのご支援ご理解を賜りたく、よろしくお願いいたします。
【広告】 広告はここまでです。