JavaScriptにおける配列とは？基礎的な使い方について分かりやすく解説

「配列」はプログラミングの学習する上で知っておくべき重要な概念となります。JavaScriptには様々な変数の型が存在し、そうした変数を複数格納できるのが「配列」です。この記事ではJavaScriptにおける配列とはなにか、基礎的な使い方について解説します。「配列」の使い方について体系的に学習をしていきましょう。

配列とは
配列の基本的な操作方法
まとめ
JavaScriptを短期間かつ効率的に学びたい方は

配列とは

まずは配列とは何か解説します。配列とは、プログラミングにおいて複数の値を1つのデータのように取り扱うデータ構造のことです。プログラミングでは、文字列や数値などの値を1つの変数に格納していきます。しかし、扱いたい値の数が何十個もあった場合は、いちいち変数を1つずつ作るのは大変です。そのため配列がよく活用されます。JavaScriptでは複数の値をひとつのデータ群として扱うため、「Arrayオブジェクト」が用意されています。この「Array」を活用することで、配列の作成・追加・初期化・削除・検索などを簡単に行えるようになります。

JavaScriptの変数については、下記の記事で詳しく解説しています！

配列の基本的な操作方法

配列を宣言する

JavaScriptの配列の宣言をする方法は、2種類あります。

配列コンストラクタ「Array」を使う方法

配列コンストラクタ「Array」を使用して、newでArrayの引数に格納したい値を設定します。

コードの記述は次のようになります。

var array1 = new Array(‘新宿’, ’渋谷’, ’新橋’);

配列リテラルを使う方法

配列リテラルを使用して、配列に格納したい値を[]内に設定します。

コードの記述は次のようになります。

var array2 = [‘新宿’, ‘渋谷’, ‘新橋’];

２つの宣言方法を解説しましたが、JavaScriptで配列を宣言する時は、「配列リテラル」を使用するのが一般的です。どちらかを使用しないといけない理由が特にない時は、「配列リテラル」を使いましょう。

配列を初期化する

初期化とは、配列データの中身を空っぽにするという意味になります。方法は、空の配列であることを宣言することで初期化することができます。配列の初期化も宣言同様に2パターンありますが、どちらも考え方は同じです。

配列コンストラクタ「Array」を使う方法

コードの記述は次のようになります。

var array1 = new Array();

配列リテラルを使う方法

コードの記述は次のようになります。

var array2 = [];

要素を取得する

配列内の要素を取得する場合は、配列のインデックス番号を指定します。配列変数のインデックス番号をカッコで指定することで、その要素の中身を取得することができます。　

コードの記述は次のようになります。

var TokyoStation = [‘新宿’, ‘渋谷’, ‘新橋’,’品川’];

console.log(TokyoStation[2]);　

//実行結果は『新橋』となります

補足ですが、インデックス番号は0から始まります。したがってインデックス2を指定している上記の例では、3番目の要素である「新橋」が実行結果として表示されます。

要素を検索する

配列内にある各要素のデータを検索する場合は、「indexOf()」メソッドを使用します。「indexOf()」は、指定した「値」が配列データに存在する場合にその場所を「インデックス番号」で取得できる機能を持っています。

コードの記述は次のようになります。

var TokyoStation = [‘新宿’, ‘渋谷’, ‘新橋’,’品川’];

var n = TokyoStation.indexOf(‘新橋’);

console.log(n);　

//実行結果は『2』となります。

上記の例では、indexOfメソッドで文字列「新橋」が配列TokyoStation内に存在するかを確認しています。配列TokyoStation内で「新橋」は3番目にあるため、インデックス番号の「2」がnに代入され、実行結果として表示されます。

まとめ

この記事では、JavaScriptにおける配列とは何かということから基礎的な使い方について解説しました。配列は変数を複数格納できるため、処理が複雑になればなるほど必要になってきます。この記事を参考に配列の概要を掴んで、今後の学習を進めていただければと思います。またJavaScriptの仕様で便利なメソッドは多数用意されていますので、その他のメソッドの使い方についてはまた別の記事で解説いたします。