#6 TypeScriptで学ぶループの基本
TypeScriptのループは、書き方自体はJavaScriptと同じですが、型が付いた配列を扱うことで、より安全にループ処理を書けます。この記事では、TypeScriptにおけるループの基本を解説します。
for文とfor...ofの基本
const fruits: string[] = ["りんご", "みかん", "ぶどう"];
for (const fruit of fruits) {
console.log(fruit);
}
`string[]`という型注釈により、この配列には文字列しか入らないことが保証されます。
型のおかげで得られる安全性
配列の型が決まっているため、ループの中で取り出した値に対して、その型に応じた機能(文字列なら大文字変換など)を呼び出しても、TypeScriptが正しく認識してくれます。逆に、その型に存在しない機能を呼び出そうとすると、実行前にエラーとして教えてもらえます。
while文
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
TypeScriptならではの注意点
配列の型を`any[]`(なんでも入れられる型)にしてしまうと、TypeScriptの型チェックの恩恵を受けられなくなります。学習中は面倒に感じても、`string[]`や`number[]`のように具体的な型を書く習慣をつけておくと、後々のエラーに気づきやすくなります。
まとめ
TypeScriptのループはJavaScriptと同じ書き方をしつつ、型付きの配列を扱うことでより安全になります。`any[]`を避け、具体的な型を書く習慣を身につけましょう。
本ページはプロモーションを含みます。
参考書籍(PR)
TypeScriptをもっと学びたい方には「プロを目指す人のためのTypeScript入門」がおすすめです。
コメント
コメントを投稿