配列 ― 順番に並んだ値の列

導入

**配列（Array）**は、複数の値を順番に並べて入れる、いちばん基本の入れ物です。[ ] で作ります。

説明

カンマ区切りで値を並べ、[ ] で囲みます。中身は番号（インデックス、0始まり）で取り出します。

flowchart LR
  subgraph L["fruits = [りんご, みかん, ぶどう]"]
    direction LR
    i0["fruits[0]<br/>りんご"]
    i1["fruits[1]<br/>みかん"]
    i2["fruits[2]<br/>ぶどう"]
  end

const fruits = ["りんご", "みかん", "ぶどう"];
console.log(fruits);         // 全体
console.log(fruits[0]);      // りんご（先頭）
console.log(fruits[fruits.length - 1]); // ぶどう（末尾）
console.log(fruits.length);  // 3（要素数）

配列は中身を変更できます。push で末尾に追加、pop で末尾を取り出し、includes で含むか調べます。

const nums = [10, 20, 30];
nums.push(40);               // 末尾に追加 → [10, 20, 30, 40]
console.log(nums);
console.log(nums.pop());     // 40 を取り出す
console.log(nums.includes(20)); // true

for...of で1つずつ取り出せます（詳しくは第4章）。

const scores = [80, 95, 70];
let total = 0;
for (const n of scores) {
  total = total + n;
}
console.log("合計", total);   // 合計 245
console.log("最大", Math.max(...scores), "最小", Math.min(...scores));

やってみよう

fruits に好きな果物を push したり、インデックスで取り出したりしてみましょう。

演習

const colors = ["赤", "青"]; を用意し、末尾に "緑" を追加してから、配列全体を表示してください。