Menu
Coddy logo textTech

Array入門

Coddyの「JavaScript の配列メソッド」コースのレッスン 2/18。

JavaScriptの配列の魅力的な世界に飛び込んでみましょう! 

配列はJavaScriptにおける基本的なデータ構造であり、要素の順序付けられたコレクションを格納するために使用されます。

配列は、複数の値を保持できる特別な変数です。

なぜ配列を使うのでしょうか?

アイテムのリスト(学生の名前など)がある場合、学生の名前を個別の変数に格納すると、次のようになります。 

let student_1 = "John";
let student_2 = "Smith";
let student_3 = "Jack";

しかし、学生をループで回して特定の学生を見つけたい場合はどうすればよいでしょうか?また、学生が3人ではなく300人いたらどうなるでしょうか?

その解決策が配列です!

配列の作成

配列リテラルを使用するのが、JavaScriptの配列を作成する最も簡単な方法です。

構文:

const array_name = [item1, item2, item3, ...]; 

上記では、"array_name"という名前の配列が作成されています。

配列要素へのアクセス

配列は1つの名前で多くの値を保持でき、インデックス番号を参照することで値にアクセスできます。下の図に示す通りです。

6つの要素を持つ配列が作成されます。最初の要素 'A' はインデックス [0] にあり、2番目の要素 'B' はインデックス [1] にあります。

任意の要素にアクセスするには、配列名とともにこのインデックスを使用できます。

let element = array_name[index];

例えば:

const charArray = ['A', 'B', 'C', 'D', 'E', 'F'];
let charElement = charArray[2];
console.log(charElement);    // 出力: 'C'

ここでは、インデックスを使用して3番目の要素 'C' にアクセスしています。

注意:配列のインデックスは0から始まります。

[0] は最初の要素を表します。[1] は2番目の要素を表し、以下同様です。

challenge icon

チャレンジ

簡単

文字列の配列を受け取り、その配列の2番目の要素を返す arrayFunction という名前の関数を作成してください。

自分で試してみよう

// ここにコードを記述してください

JavaScript の配列メソッドのすべてのレッスン