web-dev-qa-db-ja.com

正規表現を使用してクエリ文字列から値をキャプチャしますか？

私はname=の後で&の前に来るものを選択しようとしています：

"/pages/new?name=J&return_url=/page/new"

これまでのところ。

^name=(.*?).

この場合、Jだけを返そうとしていますが、動的なので、複数の文字、文字、または数字を返すことができます。

最終ケースの状況は、regexによって検出されたこの動的変数に対してreplaceステートメントを実行できるようにすることです。

javascriptregexquery-string
28
Trip

/name=([^&]*)/

  • ^を削除し、&で終わります

例：

var str     = "/pages/new?name=J&return_url=/page/new";
var matches = str.match(/name=([^&]*)/);
alert(matches[1]);

より良い方法は、すべてのパラメーターを分解することです（現在のアドレスを使用した例）：

function getParams (str) {
   var queryString = str || window.location.search || '';
   var keyValPairs = [];
   var params      = {};
   queryString     = queryString.replace(/.*?\?/,"");

   if (queryString.length)
   {
      keyValPairs = queryString.split('&');
      for (pairNum in keyValPairs)
      {
         var key = keyValPairs[pairNum].split('=')[0];
         if (!key.length) continue;
         if (typeof params[key] === 'undefined')
         params[key] = [];
         params[key].Push(keyValPairs[pairNum].split('=')[1]);
      }
   }
   return params;
}


var url    = "/pages/new?name=L&return_url=/page/new";
var params = getParams(url);
params['name'];

更新

IEのどのバージョンでもまだサポートされていませんが、 RLSearchParams は、他のブラウザーの値を取得するネイティブな方法を提供します。

58
vol7ron

以前の回答の改善：

/**
 *
 * @param {string} name
 * @returns {string|null}
 */
function getQueryParam(name) {
  var q = window.location.search.match(new RegExp('[?&]' + name + '=([^&#]*)'));
  return q && q[1];
}

getQueryParam('a'); // returns '1' on page http://domain.com/page.html?a=1&b=2
7
cruzanmo

Paramsの直後にハッシュがある場合、受け入れられた回答にはハッシュ部分が含まれます。 @bishoyの機能にあるように、正しい正規表現は

/name=([^&#]*)/
5
William Neely

ここに完全な機能があります（大文字/小文字のテストと修正）

function getParameterByName (name) 
{
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regexS = "[\\?&]" + name.toLowerCase() + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec(window.location.search.toLowerCase());
    if (results == null)
        return "";
    else
        return decodeURIComponent(results[1].replace(/\+/g, " "));
}
3
Bishoy Hanna

以下が機能するはずです。

\?name=(.*?)&
3
Karl Barker
var myname = str.match(/\?name=([^&]+)&/)[1];

[1]は、明らかにグループの値（括弧内の正規表現の部分）が必要なためです。

var str = "/pages/new?name=reaojr&return_url=/page/new";
var matchobj = str.match(/\?name=([^&]+)&/)[1];
document.writeln(matchobj); // prints 'reaojr'
1
Phil H