入門

関数呼び出し埋め込みとは何かテンプレート文字列はバッククォートで囲み、${ ... } の中に“任意の式”を置けます。その式に関数呼び出しを書けば、戻り値が文字列の中にそのまま埋め込まれます。ここが重要です：変数だけでなく、計算・整形・サニ...

条件式埋め込みとは何かテンプレート文字列はバッククォートで囲み、${...}の中に“式”を書いて評価結果を挿入できます。ここが重要です：if/else をそのまま書くのではなく、三項演算子や論理演算子など「式」で条件分岐を表現します。これに...

改行保持とは何かテンプレート文字列はバッククォートで囲むだけで、書いた改行や空白をそのまま保持します。ここが重要です：'\n' を手書きしなくても、テンプレート内の改行が実際の文字列に含まれるため、HTML断片、メール本文、ログの整形など“...

式の埋め込みとは何かテンプレート文字列はバッククォートで囲み、${ ... } に“式”を入れて、その評価結果を文字列内に埋め込めます。ここが重要です：式は変数だけでなく、計算、関数呼び出し、条件（三項演算子）など、JavaScript の...

テンプレート文字列とは何かテンプレート文字列は、バッククォート（）で囲む新しい文字列リテラルです。ここが重要です：式の埋め込み（${...}）、複数行の文字列、可読性の高い整形が“素の文法”で書けます。従来の文字列連結（'a' + b + ...

高階関数とは何か高階関数は「関数を“引数として受け取る”、または“関数を返す”関数」のことです。関数を値として扱えることで、ロジックの差し替え・再利用・合成が簡単になります。ここが重要です：ES6+ ではアロー関数、デフォルト引数、残余引数...

パラメータ分解（分割代入）とは何かパラメータ分解は、関数の引数に「オブジェクトや配列をその場で分解して、必要な部分だけ取り出す」ES6の構文です。ここが重要です：関数シグネチャ（引数の書き方）に“必要なフィールド・既定値・名前の意図”を直接...

残余引数（...args）とは何か残余引数（rest parameters）は、関数の仮引数に ...args のように書くと、渡された引数を“配列としてまとめて”受け取る仕組みです。ここが重要です：arguments と違って最初から本物...

デフォルト引数とは何かデフォルト引数は、関数のパラメータに「未指定（または undefined）のときに使われる初期値」を直接書ける仕組みです。ここが重要です：未指定・undefined のときだけ既定値が発動します。null や 0 のよ...

メソッド短縮記法とは何かメソッド短縮記法は、オブジェクトやクラスの「関数プロパティ」を function キーワードなしで、name() { ... } の形で簡潔に定義できる ES6 の構文です。ここが重要です：短く書けるだけでなく、th...

コールバックとは何かコールバックは「関数に“後で呼んでね”と渡しておく関数」です。ES6+ では、アロー関数・レキシカル this・Promise/async との相乗効果で、コールバックが短く安全に書けるようになりました。ここが重要です：...

暗黙の return とは何か暗黙の return は、アロー関数で本体が“1つの式”だけのときに、return キーワードを書かなくてもその式の評価結果が返る仕組みです。ここが重要です：波括弧 {} を書かない「簡潔な本体（concise...

arguments 非対応とは何かアロー関数は「自分専用の arguments（可変長引数の擬似配列）」を持ちません。ここが重要です：従来の function なら arguments で渡された全引数にアクセスできますが、アロー関数はそれ...

this の束縛差とは何かthis は「関数が“どのオブジェクトを対象に動くか”を指す特別な値」です。ここが重要です：従来の function は“呼び出し方”で this が決まり、アロー関数は“定義場所の this（レキシカル this...

アロー関数とは何かアロー関数（arrow function）は、ES6 で導入された“短く書けて、this が静的（レキシカル）に決まる”新しい関数記法です。ここが重要です：function キーワードの代わりに「(引数) => 本体」を使...

グローバル汚染とは何かグローバル汚染は「意図せずグローバルスコープ（window/globalThis）に変数や関数が増えてしまい、別コードと衝突や上書きが起きる」状態です。衝突は“同じ名前”が複数ファイルで使われたときに発生し、上書きは“...

for 文での let とは何かfor 文での let は「ループの各反復ごとに“新しい束縛”を作る」宣言です。ここが重要です：i のようなインデックスを let で宣言すると、反復ごとに独立した値がクロージャ（非同期コールバック）にも正し...

定数オブジェクトとは何かconst で宣言したオブジェクトは「変数がどのオブジェクトを指すか」が固定されます。ここが重要です：const は参照を固定するだけで、中身（プロパティや配列要素）は変更可能です。完全に不変にしたいなら“凍結”など...

再宣言エラーとは何か再宣言エラーは「同じスコープ内で、同じ名前の変数をもう一度宣言しようとすると起きるエラー」です。ES6 以降、let と const は“同スコープの再宣言”を禁止します。ここが重要です：重複宣言をコンパイル時（実行前）...

var と ES6（let/const）の根本的な違いvar は“関数スコープ＋巻き上げ（hoisting）あり、再宣言可能”という古い挙動、let/const は“ブロックスコープ＋TDZ（宣言前アクセス不可）、再宣言不可”という安全な挙...

TDZ（Temporal Dead Zone）とは何かTDZ は「let/const で宣言される変数が、宣言位置まで“存在しない扱い”になるゾーン」のことです。ここが重要です：TDZ 中にその変数へアクセスすると ReferenceErr...

ブロックスコープとは何かブロックスコープは「波括弧 { } で囲まれた“その範囲内だけ”有効な変数の生存範囲」です。ES6 以降、let と const はブロックスコープを持ち、宣言されたブロックの外からは見えません。ここが重要です：意図...

再代入不可とは何か「再代入不可」は、同じ変数名に“別の値（参照）をもう一度割り当てることができない”という意味です。ES6 の const はブロックスコープで、宣言した後にその変数へ新しい値を入れ直すとエラーになります。ここが重要です：再...

const とは何かconst は ES6 で導入された“ブロックスコープの再代入不可な変数宣言”です。ここが重要です：const は「宣言したブロック内でのみ有効」「同じスコープで再宣言できない」「宣言前は使えない（Temporal De...

let とは何かlet は ES6 で導入された“ブロックスコープの再代入可能な変数宣言”です。ここが重要です：let は「宣言されたブロック内でのみ有効」「同じスコープで再宣言できない」「宣言前に使えない（Temporal Dead Zo...

実務でのベストプラクティスとは何か「ベストプラクティス」とは、現場で繰り返し使われてきた“安全で効率的なやり方”のことです。JavaScript の配列・オブジェクト操作では、可読性・性能・安全性のバランスを取ることが重要です。ここが重要で...

データ構造選択とは何かデータ構造選択は「どの形（配列、オブジェクト、Map、Set、派生構造）でデータを持つか」を決めることです。ここが重要です：用途に合った構造を選ぶと、計算量が下がり、コードが短く、安全性が上がります。例えば“順序つきで...

関数分割とは何か関数分割は「大きな処理を、明確な役割ごとの“小さな関数”に切り出して組み合わせる」設計です。ここが重要です：1つの関数は1つの責務（Single Responsibility）。入力と出力をはっきり決め、内部状態に依存しない...

可読性優先 vs 速度優先とは何かコードには「誰が読んでも意図が分かる」「実行が速い」という2つの価値があります。ここが重要です：大半の業務コードでは“まず可読性”を優先し、速さは“必要な箇所だけ”最適化します。可読性は保守性・バグ減少・レ...

大量データ処理とは何か大量データ処理は「配列やオブジェクトが数万〜数百万件規模になっても、時間とメモリを破綻させずに目的を果たす」ための考え方です。ここが重要です：やみくもに map や filter を重ねると“走査回数の増加”と“中間配...

メモリ参照とは何かJavaScript の配列・オブジェクトは「参照型」です。ここが重要です：変数には“値そのもの”ではなく“値への参照（ポインタのようなもの）”が入ります。参照が同じだと、片方を変更したときもう片方も変わって見えます。これ...

破壊的 / 非破壊的操作とは何か破壊的操作は「元の配列・オブジェクトを直接書き換える」こと、非破壊的操作は「元を保ったまま、新しい配列・オブジェクトを返す」ことです。ここが重要です：共有されているデータ（UI状態、キャッシュ、他モジュールが...

reduce とは何かreduce は「配列を1回なめて、“累積器（accumulator）”に結果を積み上げ、最後に1つの値（数値・文字列・配列・オブジェクト）にまとめる」ための関数です。ここが重要です：reduce は“何でも作れる”汎...

map / filter のコストとは何かmap / filter は「要素ごとにコールバックを呼び、結果配列を新しく作る」処理です。ここが重要です：計算量は基本的に (O(n)) ですが、時間とメモリの“定数コスト”が無視できません。具体...

配列操作の計算量とは何か「計算量」は、要素数を (n) としたとき操作に必要なステップ数の目安です。ここが重要です：操作ごとに増え方が違います。例えば末尾に追加（push）はほぼ一定時間ですが、先頭に追加（unshift）は要素を全てずらす...