জাভাস্ক্রিপ্ট সহ একটি URL থেকে সমস্ত ডেটা মান কীভাবে পাবেন

জাভাস্ক্রিপ্টের ইউআরএল কনস্ট্রাক্টর পদ্ধতি ব্যবহার করে কীভাবে একটি URL থেকে সমস্ত ডেটা মান পেতে হয় তা জানুন৷

ধরা যাক আপনি আপনার ওয়েবসাইটে কিছু ধরণের অভ্যন্তরীণ অনুসন্ধান ফাংশন তৈরি করছেন। এটি সঠিকভাবে করতে আপনাকে একটি URL স্ট্রিং এর সমস্ত ডেটা মান অ্যাক্সেস করতে হবে৷

সৌভাগ্যবশত, জাভাস্ক্রিপ্টে new URL() নামে একটি কনস্ট্রাক্টর পদ্ধতি রয়েছে যা আমাদেরকে একটি ইউআরএলকে একটি অবজেক্টে রূপান্তর করতে দেয় যা আমাদের প্রতিটি সম্পত্তি এবং ইউআরএল-এর মানগুলির একটি সুন্দরভাবে সংগঠিত ওভারভিউ দেয়।

এটি ব্যবহার করতে, একটি ভেরিয়েবল তৈরি করুন এবং এটিকে new URL('your-url') এর একটি মান নির্ধারণ করুন . উদাহরণস্বরূপ, নীচে আমি টেকস্ট্যাকারের নিবন্ধগুলির একটির জন্য একটি 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: ""
};

এবং এখন আপনি সহজেই প্রতিটি সম্পত্তি অ্যাক্সেস করতে পারেন এবং এটি দিয়ে আপনি যা চান তা করতে পারেন। উদাহরণস্বরূপ, pathname অ্যাক্সেস পেতে আপনার URL এর, আপনি এটি করবেন:

console.log(url.pathname)
// Prints: "/how-to-detect-double-clicks-with-vanilla-javascript"