JavaScript-এর URL কনস্ট্রাক্টর মেথড ব্যবহার করে URL থেকে সকল ডেটা ভ্যালু কীভাবে পাবেন তা শিখুন।
মান লইয়া আপনি আপনার ওয়েবসাইটে কোনো ইন্টারন্যাল সার্চ ফাংশন বানাচ্ছেন। সেটি ঠিকমতো করতে হলে আপনাকে একটি URL স্ট্রিং-এর সকল ডেটা ভ্যালু অ্যাক্সেস করতে হবে।
সৌভাগ্যবশত, JavaScript-এ একটি কনস্ট্রাক্টর মেথড আছে নাম new URL() যা আমাদের একটি URL কে একটি অবজেক্টে কনভার্ট করতে দেয় যা URLs-এর প্রতিটি প্রোপার্টি এবং ভ্যালু একটি সুন্দর সংগঠিত ওভারভিউ দেয়।
এটি ব্যবহার করতে, একটি ভেরিয়েবল তৈরি করুন, এবং এটিকে new URL('your-url') ভ্যালু দিন। উদাহরণস্বরূপ, নিচে আমি TechStacker-এর একটি আর্টিকেলের URL দিয়ে একটি URL অবজেক্ট তৈরি করছি:
const urlData = new URL('https://techstacker.com/how-to-detect-double-clicks-with-vanilla-javascript');এখন রেজাল্টটি লগ আউট করে দেখুন:
console.log(urlData)আপনার রিটার্ন করা URL অবজেক্টটি নিচের মতো দেখাবে:
var url = { hash: "", host: "techstacker.com", hostname: "techstacker.com", href: "https://techstacker.com/,how-to-detect-double-clicks-with-vanilla-javascript", origin: "https://techstacker.com", password: "", pathname: "/how-to-detect-double-clicks-with-vanilla-javascript" port: "", protocol: "https:", search: "", searchParams: "URLSearchParams {}", username: "" };এখন আপনি সহজে প্রতিটি প্রোপার্টি অ্যাক্সেস করে যা ইচ্ছা তাই করতে পারেন। উদাহরণস্বরূপ, আপনার URL-এর pathname অ্যাক্সেস করতে চাইলে এভাবে করবেন:
console.log(url.pathname) // প্রিন্ট: "/how-to-detect-double-clicks-with-vanilla-javascript"