#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入門」がおすすめです。

コメント

このブログの人気の投稿

#11 Rustで学ぶエラーハンドリングの基本

#16 TypeScriptで学ぶ辞書型(マップ)の基本

#19 Goで学ぶテスト(単体テスト)の基本