JavaScript クエリ文字列からキーと値のペアを簡単に抽出するにはどうすればよいですか?

JavaScript クエリ文字列

Web 開発で使用される一般的な手法は、クエリ文字列を介してデータを渡すことです。これは、辞書構造として表現される ASP.NET でよく発生します。多くの開発者は、JavaScript で同様のソリューションを模索している可能性があります。

キーと値のペアの抽出

これを実現するには、location.search プロパティを利用して、その部分をキャプチャします。 URL の疑問符 (?) の後に続きます。このプロパティ内にはキーと値のペアがあります。

カスタム関数

この目的のために特別に設計された事前構築された JavaScript ライブラリがない場合は、カスタム関数を作成できます。 :

function getQueryString() {
  var result = {}, queryString = location.search.slice(1),
      re = /([^&;=]+)=([^&;]*)/g, m;

  while (m = re.exec(queryString)) {
    result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
  }

  return result;
}

この関数を使用すると、クエリ文字列パラメータに簡単にアクセスできます。 call:

var myParam = getQueryString()["myParam"];

命名規則

ASP.NET の外では、「クエリ文字列」という用語は、キーと値のペアの文字列全体に対してよく使用されます。疑問符の後に続きます。個々のキーと値のペアは、パラメーター、引数、またはクエリ文字列パラメーターと呼ばれます。

ブラウザ実装

残念ながら、location.search プロパティはネイティブでは提供しません。キーと値のコレクション、またはクエリ文字列の構造化オブジェクト表現。開発者がカスタム関数や外部ライブラリに頼ることが多いのはこのためです。

以上がJavaScript クエリ文字列からキーと値のペアを簡単に抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。