Comment extraire le dernier segment d'une URL en JavaScript ?

Isoler le dernier segment d'URL en JavaScript

Obtenir le dernier segment d'une URL en JavaScript peut être utile à diverses fins, telles que l'extraction informations spécifiques ou effectuer des opérations dynamiques basées sur la structure de l'URL. Un moyen courant d'y parvenir consiste à utiliser la fonction split().

Supposons que nous ayons un script qui affiche l'URL complète d'une balise d'ancrage lorsque vous cliquez dessus :

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

Cependant , si l'URL est http://mywebsite/folder/file, nous souhaiterons peut-être afficher uniquement le segment "fichier" dans la zone d'alerte.

Utilisation split() pour obtenir le dernier segment d'URL

La fonction split() peut être utilisée pour diviser l'URL en segments en fonction du délimiteur que nous spécifions. Dans ce cas, nous souhaitons diviser l'URL par le caractère barre oblique (/).

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

Cette méthode crée effectivement un tableau de segments d'URL, le dernier segment étant accessible en tant qu'élément final du array.

Alternative : utiliser lastIndexOf() et substring()

Une approche alternative consiste à utiliser le fonction lastIndexOf() pour localiser la dernière occurrence du caractère / dans l’URL. Ensuite, nous pouvons utiliser la fonction substring() pour extraire la sous-chaîne à partir de cet emplacement :

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

Cette méthode évite de créer un tableau intermédiaire de segments d'URL, ce qui pourrait entraîner de meilleures performances pour les URL plus grandes.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!