URLの最後のセグメント

URLの最後のセグメントを取得するにはどうすればよいですか？クリックしたアンカータグの完全なURLを表示する次のスクリプトがあります。

$(".tag_name_goes_here").live('click', function(event)
{
    event.preventDefault();  
    alert($(this).attr("href"));
});

URLが

http://mywebsite/folder/file

警告ボックスにURLの「ファイル」部分のみを表示する方法はありますか？

また、lastIndexOf（）関数を使用/して、URL内で最後に出現する文字を検索し、次にsubstring（）関数を使用して、その場所から始まる部分文字列を返すこともできます。

console.log(this.href.substring(this.href.lastIndexOf('/') + 1));

こうすることで、すべてのURLセグメントを含む配列の作成を避けますsplit()。

window.location.pathname.split("/").pop()

正規表現によるちょうど別のソリューション。

var href = location.href;
console.log(href.match(/([^\/]*)\/*$/)[1]);

JavaScriptには、文字列オブジェクトに関連付けられた関数splitがあります。

var url = "http://mywebsite/folder/file";
var array = url.split('/');

var lastsegment = array[array.length-1];

他の答えは、パスが単純で、単純なパス要素のみで構成されている場合に機能します。ただし、クエリパラメータも含まれている場合は、壊れます。

代わりにURLオブジェクトを使用して、より堅牢なソリューションを取得することをお勧めします。これは、現在のURLの解析された解釈です。

入力： const href = 'https://stackoverflow.com/boo?q=foo&s=bar'

const segments = new URL(href).pathname.split('/');
const last = segments.pop() || segments.pop(); // Handle potential trailing slash
console.log(last);

出力： 'boo'

これはすべての一般的なブラウザで機能します。私たちの死にかけているIEだけがそれをサポートしていません（そしてサポートしません）。IEの場合は、ポリフィルも利用できます（まったく気にする場合）。

または、正規表現を使用することもできます。

alert(href.replace(/.*\//, ''));

var urlChunks = 'mywebsite/folder/file'.split('/');
alert(urlChunks[urlChunks.length - 1]);

もう手遅れですが、他の人にとっては、PURL jqueryプラグインの使用を強くお勧めします。PURLの動機は、URLも「＃」でセグメント化できることです（例：angular.jsリンク）。つまり、URLは次のようになります。

    http://test.com/#/about/us/

または

    http://test.com/#sky=blue&grass=green

また、PURLを使用すると、取得するセグメント（セグメント/ fsegment）を簡単に決定できます。

「クラシック」な最後のセグメントについては、次のように書くことができます。

    var url = $.url('http://test.com/dir/index.html?key=value');
    var lastSegment = url.segment().pop(); // index.html

JavaScriptのみを使用したフレデリックの回答に基づく：

var url = document.URL

window.alert(url.substr(url.lastIndexOf('/') + 1));

また、

var url = $(this).attr("href");
var part = url.substring(url.lastIndexOf('/') + 1);

分割を使用して追加の要素を生成することについて心配していない場合、フィルターは末尾のスラッシュについて言及している問題を処理できます（フィルターがブラウザーでサポートされている場合）。

url.split('/').filter(function (s) { return !!s }).pop()

// Store original location in loc like: http://test.com/one/ (ending slash)
var loc = location.href; 
// If the last char is a slash trim it, otherwise return the original loc
loc = loc.lastIndexOf('/') == (loc.length -1) ? loc.substr(0,loc.length-1) : loc.substr(0,loc.lastIndexOf('/'));
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

targetValue = one

あなたのURLが次のようになっている場合：

http://test.com/one/

または

http://test.com/one

または

http://test.com/one/index.htm

その後、locは次のようになります。http： //test.com/one

ここで、最後のアイテムが必要なので、次のステップを実行して、最初に必要な値（targetValue）をロードします。

var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1));

ネイティブpathnameプロパティは最も簡単で、ブラウザによって既に解析および解決されているため、使用してください。正しい結果が得られない$(this).attr("href")ような値を返す可能性../..があります。

を保持する必要がある場合（searchおよびから）これを使用します。hashfoo?bar#bazhttp://quux.com/path/to/foo?bar#baz

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1) + this.search + this.hash);

現在のウィンドウの最後のセグメントを取得するには：

window.location.href.substr(window.location.href.lastIndexOf('/') +1)

/がある場合は最初に削除し、次にURLの最後の部分を取得できます

let locationLastPart = window.location.pathname
if (locationLastPart.substring(locationLastPart.length-1) == "/") {
  locationLastPart = locationLastPart.substring(0, locationLastPart.length-1);
}
locationLastPart = locationLastPart.substr(locationLastPart.lastIndexOf('/') + 1);

末尾のスラッシュに関係なく、最後のセグメントを返します。

var val = 'http://mywebsite/folder/file//'.split('/').filter(Boolean).pop();

console.log(val);

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

この回答からコピー

更新されたraddevus回答：

var loc = window.location.href;
loc = loc.lastIndexOf('/') == loc.length - 1 ? loc.substr(0, loc.length - 1) : loc.substr(0, loc.length + 1);
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

URLの最後のパスを文字列として出力します：

test.com/path-name = path-name

test.com/path-name/ = path-name

部分文字列を実行する前に、末尾のスラッシュ（ '/'）を削除する方が安全だと思います。私のシナリオでは空の文字列を取得したためです。

window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));

私は正規表現と分割を使用しています：

var last_path = location.href.match（/。/ （。 [\ w]）/）[1] .split（ "＃"）[0] .split（ "？"）[0]

最後に＃を無視しますか？＆/終了URL。これは頻繁に発生します。例：

https://cardsrealm.com/profile/cardsRealm- >返品CardsRealm

https://cardsrealm.com/profile/cardsRealm#hello- >返品カードRealm

https://cardsrealm.com/profile/cardsRealm?hello- >カードの返却

https://cardsrealm.com/profile/cardsRealm/- >返品CardsRealm

コードの効率に実際に影響を与える可能性があるため、この問題を解決するために正規表現が正しい方法であるかどうかは本当にわかりませんが、以下の正規表現は最後のセグメントをフェッチするのに役立ち、URLがあっても最後のセグメントを提供します空が続きます/。私が思いついた正規表現は次のとおりです：

[^\/]+[\/]?$

// https://x.com/boo/?q=foo&s=bar = boo
// https://x.com/boo?q=foo&s=bar = boo
// https://x.com/boo/ = boo
// https://x.com/boo = boo

const segment = new 
URL(window.location.href).pathname.split('/').filter(Boolean).pop();
console.log(segment);

私のために働く。

私はそれが古いことを知っていますが、URLからこれを取得したい場合は、単に次のように使用できます。

document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);

document.location.pathname現在のURLからパス名を取得します。 lastIndexOf次の正規表現の最後の出現のインデックスを取得します/.。この場合はです。ドットは任意の文字を意味するため、/URLの最後の文字であるかどうかはカウントされません。 substring2つのインデックスの間の文字列をカットします。

URLが http://localhost/madukaonline/shop.php?shop=79

console.log(location.search); もたらします ?shop=79

したがって、最も簡単な方法はlocation.searchを使用することです

ここ とここで詳細を検索できます

単純なパス（w / 0）クエリ文字列などでこれを行うことができます。

おそらく非常に複雑で、おそらくパフォーマンスが良くないのですが、私reduceはそれを楽しみに使用したいと思っていました。

  "/foo/bar/"
    .split(path.sep)
    .filter(x => x !== "")
    .reduce((_, part, i, arr) => {
      if (i == arr.length - 1) return part;
    }, "");

1. パス区切り文字で文字列を分割します。
2. 空の文字列パス部分を除外します（これはパスの末尾のスラッシュで発生する可能性があります）。
3. パスパーツの配列を最後の配列に減らします。