URL オブジェクトの searchParams.get('page') で https://example.com/?page=2 から取得した値はどれですか？

解説

正解は「文字列の "2"」です。searchParams は URL のクエリ文字列（? 以降の キー=値 の部分）を扱うための URLSearchParams オブジェクトで、get() は指定したキーの値を常に文字列で返します。URL はもともとテキストなので、数字に見える値でも数値には変換されません。基本的な使い方const url = new URL('https://example.com/?page=2'); const page = url.searchParams.get('page'); console.log(page); // '2' console.log(typeof page); // 'string' // 存在しないキーを指定すると null が返る console.log(url.searchParams.get('sort')); // nullブラウザで現在表示中のページの値を読む場合は new URL(location.href).searchParams のように使います。その他の選択肢について「数値の 2」: 自動で数値に変換されることはありません。「文字列の "page=2"」: get() はキーを除いた値の部分だけを返します。「配列の ["2"]」: 配列で返すのは、同じキーの値をすべて取得する getAll() です。get() は最初の1つだけを返します。ページ番号などを比較するときは Number() で変換する戻り値が文字列であることを忘れると、厳密等価演算子 ===（型も含めて比較する演算子）での比較が意図せず失敗します。const page = url.searchParams.get('page'); console.log(page === 2); // false → '2' と 2 は型が違う console.log(Number(page) === 2); // true → 数値に変換してから比較するまた、キーがない場合の null を Number() に渡すと 0 になるため、未指定時の扱いも合わせて確認してください。参考URL: searchParams プロパティ - Web API | MDNURLSearchParams: get() メソッド - Web API | MDN