Menu
CoddyTech

配列の 'readonly' 修飾子

CoddyのJavaScriptジャーニー「Introduction To TypeScript」セクションの一部。レッスン 14/73。

TypeScriptは、配列に対して readonly 修飾子を提供しており、これを使用すると、作成後の配列の内容の変更を防ぐことができます。

配列型の前に readonly を追加すると、TypeScript は要素の追加、削除、または変更ができないことを保証します。これにより、設定データや定数、あるいは配列が変更されないことを保証したいあらゆる状況に最適な イミュータブル(不変)なデータ構造 が作成されます。

let colors: readonly string[] = ["red", "green", "blue"];
let numbers: readonly number[] = [1, 2, 3, 4, 5];

readonly 修飾子は、push()、pop()、splice()、および直接のインデックス割り当てのような、すべての変更操作をブロックします。これらのメソッドを使用しようとすると、TypeScript はコンパイル時エラーを表示し、コードが実行される前に潜在的なバグを防ぎます。

challenge icon

チャレンジ

簡単

configValues という名前の、文字列のみを保持できる readonly 配列を作成し、"production"、"database"、および "cache" という値で初期化してください。

次に、ports という名前の、数値のみを保持できる別の readonly 配列を作成し、3000、5432、および 6379 という値で初期化してください。

最後に、features という名前の、真偽値のみを保持できる readonly 配列を作成し、true、false、および true で初期化してください。

作成した順に、3 つの readonly 配列すべてをコンソールに別々の行で出力してください。

自分で試してみよう

// TODO: ここにコードを記述してください
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Introduction To TypeScriptのすべてのレッスン

自分で練習してみよう: TypeScriptプレイグラウンド