Bagaimana untuk Mengekstrak Segmen Terakhir URL dalam JavaScript?

Mengasingkan Segmen URL Terakhir dalam JavaScript

Mendapatkan segmen terakhir URL dalam JavaScript boleh berguna untuk pelbagai tujuan, seperti mengekstrak maklumat khusus atau melaksanakan operasi dinamik berdasarkan struktur URL. Satu cara biasa untuk mencapai ini adalah melalui penggunaan fungsi split().

Andaikan kita mempunyai skrip yang memaparkan URL penuh teg sauh apabila diklik:

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

Walau bagaimanapun , jika URL ialah http://mywebsite/folder/file, kami mungkin hanya mahu memaparkan segmen "fail" dalam makluman kotak.

Menggunakan split() untuk Mendapatkan Segmen URL Terakhir

Fungsi split() boleh digunakan untuk memecahkan URL kepada segmen berdasarkan pembatas yang kita nyatakan. Dalam kes ini, kami ingin membahagikan URL dengan aksara miring ke hadapan (/).

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

Kaedah ini berkesan mencipta tatasusunan segmen URL, dengan segmen terakhir boleh diakses sebagai elemen akhir bagi tatasusunan.

Alternatif: Menggunakan lastIndexOf() dan substring()

Pendekatan alternatif ialah menggunakan fungsi lastIndexOf() untuk mencari kejadian terakhir bagi / aksara dalam URL. Kemudian, kita boleh menggunakan fungsi subrentetan() untuk mengekstrak subrentetan bermula dari lokasi tersebut:

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

Kaedah ini mengelak daripada mencipta tatasusunan perantara segmen URL, yang berpotensi menghasilkan prestasi yang lebih baik untuk URL yang lebih besar.

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Segmen Terakhir URL dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!