【JavaScript】サーチ情報のキーに対応する値を取得する

location.searchを使って現在ページURLのサーチ情報を取得する。
次にサーチ情報のキーに対応する値を取得する。

「?q=URLUtils.searchParams&topic=api」というサーチ情報の場合
qはサーチ情報のキー (parameter key) ある。
URLUtils.searchParamsはサーチ情報の値 (parameter value) である。

サーチ情報はキーと値のペアからなる。
それぞれのキーに対応する値をURLSearchParamsオブジェクトのget()メソッドを使用して取得可能である。
URLの「”?q=URLUtils.searchParams&topic=api」はサーチ情報と言う。
「サーチ情報」の別名は「クエリパラメーター」、「検索パラメーター」、「URLパラメータ」である。
ただし、具体的な文脈や言語の使用によって微妙な違いがあるかもしれない。

// サーチ情報
const paramsString = "?q=URLUtils.searchParams&topic=api";
// URLSearchParams()コンストラクターは、
// 新しいURLSearchParamsオブジェクトを作成して返す。
// URLSearchParams()コンストラクターに渡すparamsStringは文字列であり、この文字列の先頭の?は無視される。
const searchParams = new URLSearchParams(paramsString);

// サーチ情報のそれぞれのキーに対応する値を、
// URLSearchParamsオブジェクトのget()メソッドを使用して取得可能である。
console.log(searchParams.get("q"));// URLUtils.searchParams
console.log(searchParams.get("topic"));// api

• 
• Tweet

• JavaScript