配列の '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 はコンパイル時エラーを表示し、コードが実行される前に潜在的なバグを防ぎます。
チャレンジ
簡単configValues という名前の、文字列のみを保持できる readonly 配列を作成し、"production"、"database"、および "cache" という値で初期化してください。
次に、ports という名前の、数値のみを保持できる別の readonly 配列を作成し、3000、5432、および 6379 という値で初期化してください。
最後に、features という名前の、真偽値のみを保持できる readonly 配列を作成し、true、false、および true で初期化してください。
作成した順に、3 つの readonly 配列すべてをコンソールに別々の行で出力してください。
自分で試してみよう
// TODO: ここにコードを記述してくださいこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
Introduction To TypeScriptのすべてのレッスン
2基本の型
基本の型: str, num, boolean'any' 型: 脱出ハッチ'unknown' 型'null' と 'undef' の扱い型推論の実践明示的な型アノテーションまとめ:基本の型の演習5型:エイリアス、ユニオン型、インターセクション型
プリミティブ型の型エイリアスユニオン型 ('|')ユニオン型の扱い方リテラル型インターセクション型 ('&')型エイリアスの組み合わせまとめ:高度な型の組み合わせ3データ構造:配列とタプル
型付き配列配列の 'readonly' 修飾子タプルとは?タプルの宣言とアクセスタプルの分割代入Readonly タプル多次元の型付き配列配列でのスプレッド演算子まとめ:配列とタプル自分で練習してみよう: TypeScriptプレイグラウンド