JavaScript

再帰処理とは何か再帰は「関数が自分自身を呼び出して、問題を“同じ形のより小さな問題”に分解して解く」テクニックです。ここが重要です：必ず“止まる条件（ベースケース）”を先に書き、次に“1歩進める処理（...

深いコピーとは何か深いコピーは「オブジェクトや配列の入れ子を“最深部まで”複製し、元データと完全に独立させる」操作です。ここが重要です：浅いコピー（スプレッドや Object.assign）は外側だけ...

データ正規化とは何かデータ正規化は「ネストの深い配列・オブジェクトを、“重複なく参照しやすい形”に整理すること」です。ここが重要です：同じエンティティ（ユーザー、商品、コメントなど）を“1か所だけ”に...

不変性（イミュータブル）とは何か不変性（イミュータブル）とは「既存のオブジェクトや配列を直接書き換えず、“新しいインスタンス”を作って変更を表現する」考え方です。ここが重要です：直接代入は一見手軽でも...

深い階層の更新とは何か深い階層の更新は「入れ子（ネスト）になったオブジェクトや配列の、何層も奥にある値を安全に書き換えること」です。ここが重要です：共有状態（UIやストア）では“非破壊更新（新しいオブ...

nullish coalescing（??）とは何かnullish coalescing（??）は「左側が undefined または null のときだけ、右側の“デフォルト値”を使う」演算子です。...

オプショナルチェーンとは何かオプショナルチェーン（?.）は「途中のオブジェクトや配列が null/undefined でも、エラーにせず安全に次へ進む（または止まる）」ための記法です。ここが重要です：...

安全なアクセス（&&）とは何か「安全なアクセス」とは、ネストされたオブジェクトや配列を辿るときに、中間が欠損（null/undefined）でもエラーにせず安全に値を取り出す書き方です。ここが重要です...

ネスト配列とは何かネスト配列は「配列の中にさらに配列が入っている構造」です。2次元（行・列の表）、階層（ツリーの子配列）、グループ化（カテゴリごとの要素）など、現実のデータを自然に表現できます。ここが...

ネストオブジェクトとは何かネストオブジェクトは「オブジェクトや配列の中に、さらにオブジェクトや配列が入っている構造」です。現実世界のデータ（ユーザー→住所→郵便番号、注文→明細の配列→各行のSKUなど...

デフォルト値の設定とは何かデフォルト値は「値が未指定（または欠損）のときに使う“代替値”」です。ここが重要です：何を“未指定”とみなすかで手段が変わります。undefined/null だけを未指定と...

分割代入（構造の分解）とは何か分割代入は、オブジェクトや配列から「必要な部分だけ」を抜き出して、変数に一気に割り当てる書き方です。ここが重要です：オブジェクトは“キー名で取り出す”、配列は“位置で取り...

JSON とは何かJSON は「データを文字列で表すための軽量フォーマット」です。JavaScript のオブジェクトに“似ている”けれど、JSON はあくまで文字列。送受信・保存に向いており、プログ...

浅いコピーと深いコピーとは何か浅いコピーは「外側のプロパティだけ新しいオブジェクトに複製し、入れ子（オブジェクトや配列）の“参照”はそのまま共有する」コピーです。深いコピーは「入れ子の内部まで再帰的に...

スプレッド構文によるコピーとは何かスプレッド構文 { ...obj } は「オブジェクトの“自分が持つ列挙可能なプロパティ”を、浅く（シャロー）コピーして新しいオブジェクトを作る」ための書き方です。こ...

Object.assign とは何かObject.assign は「右側のオブジェクトの“自前の列挙可能なプロパティ”を左側（ターゲット）へコピーして上書きする」関数です。ここが重要です：コピーされる...

for...in とは何かfor...in は「オブジェクトの“列挙可能なキー（プロパティ名）”を1つずつ取り出して処理する」ためのループ構文です。ここが重要です：for...in は“自分のキーだけ...

Object.entries とは何かObject.entries は「オブジェクトが“自分で持つ”列挙可能な文字列キーとその値の組（）」を、配列として返す関数です。ここが重要です：返るのは“自前の・...

Object.values とは何かObject.values は「オブジェクトが“自分で持つ”列挙可能なプロパティの値だけを、配列で返す」関数です。ここが重要です：返るのは“自前の”かつ“enume...

Object.keys とは何かObject.keys は「オブジェクトが“自分で持つ”列挙可能なキー（プロパティ名）を、文字列の配列で返す」関数です。ここが重要です：継承（プロトタイプ）上のキーは含...

hasOwnProperty とは何かhasOwnProperty は「そのオブジェクト“自身”が、指定したキー（プロパティ）を持っているか」を真偽値で返すメソッドです。ここが重要です：“継承（プロト...

in 演算子とは何かin 演算子は「そのキー（プロパティ名）が、オブジェクト“自身またはプロトタイプ上”に存在するか」を真偽値で返す演算子です。ここが重要です：in は「値があるか」ではなく「キーが存...

プロパティ削除とは何かオブジェクトから「特定のキー（プロパティ）とその値」を取り除くことです。ここが重要です：削除は“存在そのもの”を消します。値を undefined や null にするのは“値を...

プロパティ追加とは何かオブジェクトに“新しいキー（プロパティ名）と値”を後から足すことです。ここが重要です：追加の基本は「ドット記法（静的キー）」と「ブラケット記法（動的キー）」の使い分け。さらに、オ...

動的キーとは何か動的キーは「キー名をその場で計算・選択して使う」ための仕組みです。文字列を組み立てたり、変数の値をキーにしたり、日本語や記号・スペースを含むキーにアクセスしたりできます。ここが重要です...

ブラケット記法とは何かブラケット記法は obj の形で、オブジェクトのプロパティへアクセス・追加・更新・削除する書き方です。ここが重要です：キーを“文字列として動的”に扱えるため、変数でキー名を決めた...

ドット記法とは何かドット記法は、オブジェクトのプロパティ（キー）に「.」でアクセスする最も読みやすい書き方です。配列が順番で取り出すのに対し、オブジェクトは“名前で取り出す”ため、ドット記法は直感的で...

プロパティと値とは何かオブジェクトは「キー（プロパティ名）と値」のペアを集めた入れ物です。キーは通常“文字列”か“シンボル”、値は数値・文字列・真偽値・配列・別オブジェクト・関数など何でも入れられます...

オブジェクトリテラルとは何かオブジェクトリテラルは { ... } を使って「キー（名前）: 値」をまとめて書く最も基本的な方法です。設定、データレコード、メッセージ、座標など“ラベル付きの情報”をひ...

オブジェクトとは何かオブジェクトは「名前（キー）と値（バリュー）の組み合わせ」を入れる“入れ物”です。実世界の「人」「商品」「設定」などを、その属性として表現します。ここが重要です：キーは文字列（やシ...