配列 — 複数の値を順番にまとめる

配列は「番号付きのロッカー」

値が1つだけなら変数で足りますが、「くだものの名前を3つ」のように複数まとめたいことがあります。そのための入れ物が配列です。配列は「番号付きのロッカーが横に並んだもの」とイメージすると分かりやすいです。それぞれのロッカーに値が1つずつ入っていて、番号で取り出せます。

const fruits = ["りんご", "みかん", "ぶどう"];
console.log(fruits); // ["りんご", "みかん", "ぶどう"]

添字は0から始まる

配列から1つ取り出すには、[番号] を使います。この番号を添字(そえじ、インデックス)と呼びます。大事なのは、番号が1ではなく 0 から始まることです。ロッカーの一番左が「0番」だと思ってください。

const fruits = ["りんご", "みかん", "ぶどう"];
console.log(fruits[0]); // りんご(最初)
console.log(fruits[1]); // みかん
console.log(fruits[2]); // ぶどう(最後)

存在しない番号を指定すると、エラーではなく undefined(値なし)が返ります。3つの配列に fruits[5] はないので undefined です。エラーが出ないぶん気づきにくいので注意します。

const fruits = ["りんご", "みかん", "ぶどう"];
console.log(fruits[5]); // undefined(その番号のロッカーは無い)

length で「何個あるか」を知る

配列.length で、中に値がいくつ入っているか(個数)が分かります。個数は1から数えた数なので、最後の添字は length より1小さくなります(添字は0から始まるため)。

const fruits = ["りんご", "みかん", "ぶどう"];
console.log(fruits.length);          // 3(個数)
console.log(fruits[fruits.length - 1]); // ぶどう(最後の要素)

• 配列は [ ] の中に値を並べて作る(例: ["a", "b"])
• 取り出しは 配列[添字]。添字は0から始まる(先頭は [0])
• 無い番号を指定すると undefined が返る
• 配列.length で個数が分かる。最後の添字は length - 1