Bagaimanakah Saya Boleh Mengeluarkan Nama Hos dan Laluan dengan Cekap daripada URL dalam JavaScript?

Penghuraian URL dalam JavaScript: Mengekstrak Nama Hos dan Laluan

Menghuraikan URL untuk memisahkan nama hos dan laluan ialah operasi biasa dalam pembangunan web. Dalam JavaScript, beberapa pendekatan boleh menyelesaikan tugas ini. Mari kita terokai sebahagian daripadanya dengan contoh khusus.

Pendekatan Moden: Menggunakan Pembina URL

Pembina URL ialah cara moden dan cekap untuk menghuraikan URL. Ia menghasilkan objek dengan sifat seperti nama hos, nama laluan, dan lain-lain. Sebagai contoh, diberikan URL:

var a = "http://example.com/aa/bb/"

Kita boleh menghuraikannya menggunakan pembina URL:

const parsedURL = new URL(a);
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

Nota: Nama hos hanya termasuk domain tanpa pelabuhan, manakala harta hos termasuk kedua-duanya.

Alternatif Pendekatan

Regex:

Menggunakan ungkapan biasa juga boleh menghuraikan URL. Berikut ialah contoh:

const regex = /^(?:https?:\/\/)?(?:www\.)?([^\/\n]+)(?:\/(.*))?$/;
const match = regex.exec(a);
console.log(match[1]); // "example.com"
console.log(match[2]); // "/aa/bb"

Objek Lokasi:

Objek Lokasi menyediakan akses kepada sifat berkaitan URL dalam persekitaran penyemak imbas.

const parsedURL = window.location;
console.log(parsedURL.hostname); // "example.com"
console.log(parsedURL.pathname); // "/aa/bb"

Pendekatan mana yang perlu dipilih bergantung pada keperluan dan persekitaran khusus. Menggunakan pembina URL biasanya disyorkan untuk aplikasi JavaScript moden, manakala objek regex atau Lokasi boleh sesuai untuk sokongan lama atau dalam situasi tertentu.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengeluarkan Nama Hos dan Laluan dengan Cekap daripada URL dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!