if 文の基本
if と else の二股無料
JavaScript基礎文法：処理を組み立てる
if・switch による条件分岐、配列とループ、関数とコールバック、オブジェクトを順に組み立てる全 33 レッスン（525 分）の基礎文法コースです。FizzBuzz、作品リスト、関数への整理、作品データの構造化を通して、入力から結果を返す処理を自分で分解して書きます。DOM 操作は次のコースで扱います。
レッスン
33件
所要時間
約9時間
ランク
初級
最初のレッスンを読む
15分・無料・登録なしで読めます
動く図解・if 文の基本
動く図解・if 文の基本
目標
summarizeWorks 関数（条件分岐・配列・ループ・関数・オブジェクトを使って、作品データを集計して結果を返す）
できるようになること
if・else if・switch で複数の条件を読みやすく分岐できる
配列を for・for-of・while・forEach で走査し、必要な値を集計できる
関数、引数、戻り値、早期 return、コールバックを使って処理を分けられる
オブジェクト、分割代入、スプレッド、find、includes でデータを構造化して探せる
よくある質問
前提知識・必要な環境
必須
- • 「JavaScript入門：コードを動かす」修了相当（console、let/const、データ型、型変換、比較・論理演算子）
推奨
- • 短い JavaScript の式をブラウザ内エディタで実行した経験
環境
ブラウザ完結（インストール不要）
必要ツール: ブラウザ内エディタ, JavaScript 実行環境, 関数テスト
このコースに入っているもの
触れる図解
25本
導入スライド
56枚
手を動かす演習
29問
理解度クイズ
4問
つまずき辞典
80件
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
if / else if / else と switch で処理を分け、入れ子の条件を論理演算子でフラットに書き換えます。FizzBuzz で判定の順番を体で覚え、時間帯で変わる挨拶を作ります。
配列の作成と取り出し、push と pop、for と for-of と while、break と continue を扱います。作品名の配列から番号付きの一覧を組み立てるところまでやります。
関数宣言とアロー関数、デフォルト引数、早期 return、スコープを学びます。コールバックと forEach まで進み、第9章のイベント処理の下ごしらえをします。
オブジェクトの読み書き、const と参照の関係、オプショナルチェーン、分割代入、スプレッド構文、find と includes を扱います。作品データを配列とオブジェクトで構造化します。
このコースを終えると取れるバッジ
JavaScript 第5コース
0 / 33 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。
こんな人におすすめ
値・変数・演算子の次に、処理の流れを学びたい人
条件分岐やループを、関数とデータ構造までつなげたい人
DOM 操作へ進む前に JavaScript の基礎文法を固めたい人
おすすめしない人
- ×JavaScript の変数・データ型・比較演算子をまだ学んでいない人
- ×Web ページの見た目を直接書き換える DOM 操作だけを学びたい人
前提が不安な方へ
先にこちらを通しておくと、つまずきにくくなります
次に学ぶなら
このコースを終えたあとに進むと、無理なく続けられます
