1-2. 配列の型を使う

配列の型宣言と基本操作を学びます

JS/TS基礎 - 第1章: TypeScript基礎 - 型の基本

📚

関連する教科書第1章: TypeScript基礎 - 型の基本

課題：配列の型を使ってみよう

配列を使うと、同じ型の値を複数まとめて扱えます。配列の型は型名[]という形式で指定します。

やること

1.数値の配列 scores を作る（値: [85, 90, 78]）
2.文字列の配列 fruits を作る（値: ["りんご", "バナナ", "オレンジ"]）
3.push() で scores に 95 を追加
4.各配列の内容と長さを print() で表示

配列の基本操作

// 配列の宣言
const numbers: number[] = [1, 2, 3];

// 要素を追加
numbers.push(4);  // [1, 2, 3, 4]

// 配列の長さを取得
const length = numbers.length;  // 4

// 要素にアクセス
const first = numbers[0];  // 1

※ ヒント：配列の長さは 配列名.length で取得できます。

期待される出力

[85, 90, 78, 95]
4
["りんご", "バナナ", "オレンジ"]
3

// ヘルパー関数（変更不要）
function print(value: any): void {
  const output = document.getElementById('output');
  if (output) {
    const div = document.createElement('div');
    div.style.margin = '8px 0';
    div.style.fontFamily = 'monospace';
    div.textContent = typeof value === 'object' ? JSON.stringify(value) : String(value);
    output.appendChild(div);
  }
}

// ここからあなたのコードを書いてください！

// 1. 数値の配列 scores


// 2. 文字列の配列 fruits


// 3. scoresに95を追加


// 4. 各配列の内容と長さを表示

Open Sandbox

← 前のレッスン: 1-1. 基本的な型を使う

次のレッスン: 1-3. オブジェクトの型を使う →