JavaScript で URL の最後のセグメントを抽出するにはどうすればよいですか?

JavaScript での最後の URL セグメントの分離

JavaScript で URL の最後のセグメントを取得すると、抽出などのさまざまな目的に役立ちます。特定の情報を取得したり、URL 構造に基づいて動的操作を実行したりできます。これを実現する一般的な方法の 1 つは、split() 関数を使用することです。

クリックされたときにアンカー タグの完全な URL を表示するスクリプトがあるとします。

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

ただしURL が http://mywebsite/folder/file の場合、アラートに「ファイル」セグメントのみを表示する必要がある場合があります。 box.

split() を使用して最後の URL セグメントを取得する

split() 関数を使用すると、区切り文字に基づいて URL をセグメントに分割できます。特定。この場合、URL をスラッシュ (/) 文字で分割します。

var segments = this.href.split('/');
var lastSegment = segments[segments.length - 1];
alert(lastSegment);

このメソッドは効果的に URL セグメントの配列を作成し、最後のセグメントは URL の最後の要素としてアクセス可能になります。 array.

代替: lastIndexOf() と substring() を使用する

An別の方法は、lastIndexOf() 関数を使用して、URL 内で最後に出現する / 文字を見つけることです。次に、substring() 関数を使用して、その場所から始まる部分文字列を抽出できます。

var lastIndexOfSlash = this.href.lastIndexOf('/');
var lastSegment = this.href.substring(lastIndexOfSlash + 1);
alert(lastSegment);

この方法では、URL セグメントの中間配列の作成が回避され、より大きな URL のパフォーマンスが向上する可能性があります。

以上がJavaScript で URL の最後のセグメントを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。