Bagaimanakah JavaScript Dapat Mengesan dan URL Hiperpautan dalam Teks?

Kesan URL dalam teks dengan JavaScript

Mengesan URL dalam rentetan boleh menjadi tugas yang sukar, kerana URL yang sah mengikut peraturan yang kompleks dan fleksibel. Walau bagaimanapun, JavaScript menyediakan kaedah untuk berfungsi dengan ungkapan biasa, yang boleh digunakan untuk mengenal pasti URL dalam rentetan.

Untuk mengesan URL dalam tatasusunan rentetan, anda boleh menggunakan fungsi forEach() untuk berulang melalui setiap rentetan . Dalam gelung, anda boleh menggunakan ungkapan biasa untuk memadankan URL.

KLINK_DETECTION_REGEX yang disediakan bertujuan untuk mengesan URL dengan pelbagai komponen, termasuk protokol (jika ada), nama hos, port (pilihan), laluan (dengan pilihan rentetan pertanyaan), dan serpihan (pilihan). Walau bagaimanapun, perlu diambil perhatian bahawa regex ini mungkin menghasilkan positif palsu disebabkan oleh kerumitan sintaks URL.

Berikut ialah contoh mudah menggunakan regex yang sepadan dengan URL dengan format https://example.com:

const urlRegex = /(https?:\/\/[^\s]+)/g;

function urlify(text) {
  return text.replace(urlRegex, function(url) {
    return '<a href="' + url + '">' + url + '</a>';
  });
}

Fungsi ini akan menggantikan setiap URL yang dipadankan dengan teg sauh HTML yang mengandungi URL sebagai hiperpautannya. Sebagai contoh, coretan kod berikut akan menukar URL dalam rentetan teks kepada pautan HTML:

const text = 'Find me at http://www.example.com and also at http://stackoverflow.com';
const html = urlify(text);

console.log(html);

Atas ialah kandungan terperinci Bagaimanakah JavaScript Dapat Mengesan dan URL Hiperpautan dalam Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!