⭐ 配列の基本 ⭐

JavaScriptで複数のデータをまとめて扱う方法を学ぼう

1. 配列の作り方

普通の変数は1つの値しか保存できません。

let x = 100;

しかし、複数のデータをまとめて保存したい場合があります。 そんなときに使うのが 配列（Array） です。 

let x = ['Alice', 'Bob', 'Carol'];

配列の中に入っているデータを 要素（element） と呼びます。

要素番号内容
0'Alice'
1'Bob'
2'Carol'
配列は []（角カッコ）で作り、要素はカンマで区切ります。

様々なデータを入れられる

let x = [100, 'Hello!', ['Alice', 'Bob', 'Carol']];

数値、文字列、配列そのものも要素として入れることができます。

空の配列

let x = [];

これは要素数0の配列です。空配列と呼ばれます。

2. 配列の要素を取り出す

配列の要素を取り出すには 配列名[添字] を使います。 

let x = ['Alice', 'Bob', 'Carol'];

alert(x[0]);
alert(x[2]);

配列をアパートに例えると分かりやすいです。

0号室
Alice
1号室
Bob
2号室
Carol
配列の番号は 0 から始まることに注意！

3. 要素の変更

let x = ['Alice', 'Bob', 'Carol'];

x[1] = 'Dave';

実行後の配列：

['Alice', 'Dave', 'Carol']

Bob が Dave に置き換わります。

4. 要素の追加

let x = ['Alice', 'Bob', 'Carol'];

x.push('太郎');

実行後：

['Alice', 'Bob', 'Carol', '太郎']
push() は配列の末尾に要素を追加する命令です。

5. 繰り返しと配列

let x = ['Alice', 'Bob', 'Carol'];

for(let i=0; i < x.length; i=i+1){
    alert(x[i]);
}

x.length は配列の要素数を表します。 この例では 3 になります。

1～100の配列を作る

let x = [];

for(let i=1; i<=100; i=i+1){
    x.push(i);
}

これで 1～100 が順番に入った配列が完成します。

確認問題

  1. 文字列 'apple', 'strawberry', 'banana', 'melon', 'kiwi' を要素とする配列を作りなさい。
    let fruits = ['apple', 'strawberry', 'banana', 'melon', 'kiwi'];
  2. 1で作った配列に文字列 'peach' を追加しなさい。
    fruits.push('peach');
  3. 上の配列の2つ目の要素（strawberry）を alert で表示しなさい。
    alert(fruits[1]);
  4. 空の配列を作りなさい。
    let x = [];
  5. 空の配列に 'hoge', 'fuga', 'piyo' を追加しなさい。
    let x = [];

x.push('hoge');
x.push('fuga');
x.push('piyo');