Wie extrahiere ich das letzte Segment einer URL in JavaScript?

Isolieren des letzten URL-Segments in JavaScript

Das Abrufen des letzten Segments einer URL in JavaScript kann für verschiedene Zwecke nützlich sein, beispielsweise zum Extrahieren spezifische Informationen oder die Durchführung dynamischer Vorgänge basierend auf der URL-Struktur. Eine übliche Möglichkeit, dies zu erreichen, ist die Verwendung der Funktion split().

Angenommen, wir haben ein Skript, das beim Klicken die vollständige URL eines Ankertags anzeigt:

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

Allerdings , wenn die URL http://mywebsite/folder/file lautet, möchten wir möglicherweise nur das Segment „Datei“ im Warnfeld anzeigen.

Verwendet split() zum Abrufen des letzten URL-Segments

Die Funktion split() kann verwendet werden, um die URL basierend auf dem von uns angegebenen Trennzeichen in Segmente zu unterteilen. In diesem Fall möchten wir die URL durch den Schrägstrich (/) aufteilen.

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

Diese Methode erstellt effektiv ein Array von URL-Segmenten, wobei das letzte Segment als letztes Element des zugänglich ist Array.

Alternative: Verwendung von lastIndexOf() und substring()

Ein alternativer Ansatz ist die Verwendung von lastIndexOf() Funktion, um das letzte Vorkommen des /-Zeichens in der URL zu finden. Dann können wir die Funktion substring() verwenden, um die Teilzeichenfolge beginnend an dieser Position zu extrahieren:

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

Diese Methode vermeidet die Erstellung eines Zwischenarrays von URL-Segmenten, was möglicherweise zu einer besseren Leistung für größere URLs führt.

Das obige ist der detaillierte Inhalt vonWie extrahiere ich das letzte Segment einer URL in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!