0Pricing
TypeScript Academy · レッスン

配列とReadonlyArray

配列の基本、変更可能な配列とReadonlyArrayの違い、型付きメソッドを安全に使う方法を学びます

「配列とReadonlyArray」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン1/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：配列を宣言する方法、型付きでメソッドを使用する方法、そして不変性のためにReadonlyArrayを使うべき場面を学びます。

配列の宣言

配列には、要素の型を使った構文で型を付けられます（例：number[]）。

const numbers: number[] = [1, 2, 3];
console.log(numbers[0]);

ジェネリックなArray型

ジェネリック形式のArray<T>も使用できます。これはT[]と同等です。

const words: Array<string> = ["a", "b", "c"];
console.log(words.length);

配列メソッド

map、filter、reduceなどの配列メソッドは、型情報を自動的に保持します。

const nums: number[] = [1, 2, 3];
const doubled = nums.map(n => n * 2);
console.log(doubled);

ReadonlyArray

ReadonlyArrayは不変性を保証します。push、splice、再代入のためのメソッドは利用できません。

const readonlyNums: ReadonlyArray<number> = [1, 2, 3];
// readonlyNums.push(4); // Error

ReadonlyArrayを使う場面

次の目的がある場合はReadonlyArrayを使用します。

  • 意図しない変更が起きないことを保証する
  • 関数間でデータを安全に渡す
  • 不変性の意図を示す

ReadonlyArrayの確認

確認問題：TypeScriptのReadonlyArrayについて、正しい説明はどれですか？

まとめ

まとめ：配列にはT[]またはArray<T>として型を付けられます。型安全な状態でメソッドを使用できます。不変性が必要な場合はReadonlyArrayを選択してください。

よくある質問

「配列とReadonlyArray」レッスンは無料ですか？

はい。「配列とReadonlyArray」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「配列とReadonlyArray」で何を学びますか？

配列の基本、変更可能な配列とReadonlyArrayの違い、型付きメソッドを安全に使う方法を学びます ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン1/3です。

「配列とReadonlyArray」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 配列とReadonlyArray
  2. タプルとラベル付きタプル
  3. enum、const enum、union literalの代替案
← TypeScript Academyに戻る