JavaScript での GET リクエスト パラメーターへのアクセス

最新のブラウザには、URL とクエリ文字列を操作するためのネイティブ API が用意されています。 URL や URLSearchParams を含むこれらの API は、最新のブラウザとの互換性を優先する必要があります。

元の解決策:

ネイティブ API が登場する前は、すべての GET リクエスト パラメータに次の方法でアクセスできました。 window.location.search プロパティ。ただし、これにはクエリ文字列を手動で解析する必要があります。次の関数が使用できます:

function getQueryParam(name) {
  const regex = new RegExp('[?&]'   encodeURIComponent(name)   '=([^&]*)');
  const result = regex.exec(location.search);
  return result ? decodeURIComponent(result[1]) : undefined;
}

この関数は GET パラメータ名を受け取り、その値を返します。パラメーターが存在しないか、値がない場合は、unknown が返されます。

例:

const foo = getQueryParam('foo');

これにより、GET パラメータ foo の値が foo 変数に割り当てられます。