ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でクエリ文字列を簡単に解析するにはどうすればよいですか?

JavaScript でクエリ文字列を簡単に解析するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-25 00:02:48
オリジナル
1010 人が閲覧しました

How Can I Easily Parse Query Strings in JavaScript?

JavaScript でクエリ文字列を解析する方法

Web 開発では、サーバー側アプリケーションにデータを渡すためにクエリ文字列がよく使用されます。 JavaScript の location.search プロパティはクエリ文字列へのアクセスを提供しますが、これはネイティブにキーと値のペアに分解されない文字列です。

クエリ文字列値の取得を簡素化するために、開発者は変換できる JavaScript ライブラリを探すことがよくあります。クエリ文字列を辞書のようなオブジェクトに変換します。

JavaScript のグローバル スコープ内でアクセスできるライブラリの 1 つが getQueryString() です。これは、「?」に続く URL の部分を含む location.search プロパティからキーと値のペアを抽出します。 symbol.

getQueryString() 関数は、正規表現を使用してクエリ文字列を解析し、デコードされたキーと値のペアを含む結果オブジェクトを作成します。この関数の基本的な実装は次のようになります。

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;
}
ログイン後にコピー

ライブラリが統合されると、開発者は getQueryString() 関数を使用してクエリ文字列値に簡単にアクセスできます。たとえば、「myParam」キーの値を取得するには、次の構文を使用します:

var myParam = getQueryString()["myParam"];
ログイン後にコピー

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート