PricingLoginStart free
TypeScript Academy · レッスン

if/else、switch、ループ；真偽値評価と厳密なチェック

if/else、switch、ループのパターンを効果的に使います。真偽値評価の落とし穴を避け、厳密なチェックを優先します。

レッスン 1/38 ステップ

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

概要

目標：if/else、switch、ループを使いこなせるようになります。また、値が単にtruthyなのか、それとも厳密に等しいのかを判断し、意図を反映した分岐を作れるようになります。

If/elseの基礎

If/elseは、真偽値の式に基づいて分岐します。予期しない動作を避けるため、曖昧なチェックよりも明示的な比較を優先します。

const n: number = 3;

if (n > 0) {
  console.log("positive");
} else if (n === 0) {
  console.log("zero");
} else {
  console.log("negative");
}

Unionでのswitch

switchはリテラルUnionと相性がよく、すべてのケースを漏れなく処理して意図しないフォールスルーを防ぎます。安全のためにdefaultも追加します。

const role: "admin" | "user" | "guest" = "admin";

switch (role) {
  case "admin":
    console.log("full access");
    break;
  case "user":
    console.log("limited access");
    break;
  default:
    console.log("guest view");
}

ループのパターン

インデックスには従来のforを使い、値の反復にはfor...ofを使います。ループは短く、分かりやすく保ちます。

for (let i = 0; i < 3; i++) {
  console.log("i =", i);
}

let sum = 0;
for (const v of [1, 2, 3]) {
  sum += v;
}
console.log("sum =", sum);

Truthinessと厳密な比較

"0"のような空でない文字列はtruthyですが、number型の0とは厳密には等しくありません。意味を正確に表す必要がある場合は===を優先します。

const x: any = "0";

if (x) {
  console.log("truthy");
}

if (x === 0) {
  console.log("number zero");
} else {
  console.log("not number zero");
}

ベストプラクティス

ベストプラクティス：

  • 型変換を避けるため、=== / !==を優先します。
  • 分岐は短く保ち、分かりやすさのために関数へ切り出します。
  • 網羅性を確保するため、switchではリテラルUnionを使います。
  • インデックスが不要な場合は、インデックスループよりfor...ofを優先します。

Truthinessチェック

クイックチェック：Truthinessと厳密なチェックについて正しい説明はどれですか？

対話的なレッスンで答える

まとめと次のステップ

まとめ：if/else、switch、ループを使い、truthyな値と厳密な等価性の違いを学びました。次は、パラメーター、デフォルト値、戻り値を扱う関数です。

無料で開始

AI チューターと学ぶ TypeScript — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
101
レッスン
352
無料で学習を始めるコース全体を表示

よくある質問

「if/else、switch、ループ；真偽値評価と厳密なチェック」レッスンは無料ですか？

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

「if/else、switch、ループ；真偽値評価と厳密なチェック」で何を学びますか？

if/else、switch、ループのパターンを効果的に使います。真偽値評価の落とし穴を避け、厳密なチェックを優先します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「if/else、switch、ループ；真偽値評価と厳密なチェック」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. if/else、switch、ループ；真偽値評価と厳密なチェック
  2. 関数：params、default/optional/rest、戻り値の型
  3. アロー関数とコンテキスト型付け
← TypeScript Academyに戻る