コース一覧
JavaScript基礎文法:処理を組み立てる
第4章まとめクイズ

JavaScript基礎文法:処理を組み立てる

if・switch による条件分岐、配列とループ、関数とコールバック、オブジェクトを順に組み立てる全 33 レッスン(525 分)の基礎文法コースです。FizzBuzz、作品リスト、関数への整理、作品データの構造化を通して、入力から結果を返す処理を自分で分解して書きます。DOM 操作は次のコースで扱います。

1
条件分岐
01. if 文の基本15分
02. if / else if / else で段階判定15分
03. switch 文で値を一覧から選ぶ15分
04. 条件を組み合わせる20分
05. FizzBuzz で複数条件を組み立てる20分
06. つくる 時間帯で挨拶を変える20分
07. 第1章まとめクイズ10分
2
配列とループ
01. 配列のきほん15分
02. 要素を足す・取り除く15分
03. for ループで合計を求める15分
04. for-of で配列を走査する15分
05. while で条件を満たす間くり返す15分
06. break と continue でループを制御する15分
07. つくる 作品リストを一覧にする20分
08. 第2章まとめクイズ10分
3
関数
01. 関数宣言15分
02. アロー関数15分
03. デフォルト引数15分
04. 早期 return でネストを浅くする15分
05. 変数のスコープ15分
06. コールバック関数15分
07. forEach で配列をまわす15分
08. つくる 処理を関数に整理する20分
09. 第3章まとめクイズ10分
4
オブジェクト
01. オブジェクトのきほん18分
02. オブジェクトで複数の値を返す16分
03. const と参照18分
04. ?. で安全に取り出す16分
05. 分割代入18分
06. スプレッド構文18分
07. find と includes で探す16分
08. つくる 作品データを構造化する25分
09. 第4章まとめクイズ10分

JavaScript基礎文法:処理を組み立てる

01if 文の基本
02if / else if / else で段階判定
03switch 文で値を一覧から選ぶ
04条件を組み合わせる
05FizzBuzz で複数条件を組み立てる
06つくる 時間帯で挨拶を変える
07第1章まとめクイズ
08配列のきほん
09要素を足す・取り除く
10for ループで合計を求める
11for-of で配列を走査する
12while で条件を満たす間くり返す
13break と continue でループを制御する
14つくる 作品リストを一覧にする
15第2章まとめクイズ
16関数宣言
17アロー関数
18デフォルト引数
19早期 return でネストを浅くする
20変数のスコープ
21コールバック関数
22forEach で配列をまわす
23つくる 処理を関数に整理する
24第3章まとめクイズ
25オブジェクトのきほん
26オブジェクトで複数の値を返す
27const と参照
28?. で安全に取り出す
29分割代入
30スプレッド構文
31find と includes で探す
32つくる 作品データを構造化する
33第4章まとめクイズ

第4章まとめクイズ

クイズ1

次のコードを実行すると、コンソールに何が 2 行出力されますか。

JavaScript

const work = { title: "プロフィールサイト", year: 2026 }; const key = "year"; console.log(work.key); console.log(work[key]);

クイズ2

次のコードを実行すると、コンソールに何が 2 行出力されますか。

JavaScript

const a = { title: "プロフィールサイト" }; const b = a; b.title = "改訂版"; console.log(a.title); console.log(a === b);

クイズ3

次のコードを実行すると、コンソールに何が出力されますか。

JavaScript

function summarizeViews(views) { let total = 0; for (const v of views) { total += v; } return { total, average: Math.round(total / views.length) }; } const { total, average = 0, max = 0 } = summarizeViews([120, 80, 40]); console.log(total, average, max);

クイズ4

スプレッド構文について正しく説明しているものはどれですか。

クイズ5

作品オブジェクトの配列 works から find で 1 件探したものの、条件に合う作品が 1 つも無かったとします。このときの説明として正しいものはどれですか。

未回答の問題は、不正解として正解と解説のみ表示します

ログインが必要です

クイズに回答するにはログインしてください。