কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে URL কীভাবে hostname এবং path-এ পার্স করবেন?

Window.location অবজেক্ট ব্যবহার করে URL পার্স করা

window.location রিড-অনلی প্রপার্টি একটি Location অবজেক্ট রিটার্ন করে যা বর্তমান ডকুমেন্টের URL সম্পর্কে সম্পূর্ণ তথ্য ধারণ করে। এই অবজেক্টের প্রপার্টিগুলো ব্যবহার করে URL-এর বিভিন্ন অংশ সহজে বের করা যায়।

Location অবজেক্টের গুরুত্বপূর্ণ প্রপার্টি

প্রপার্টিবিবরণ
hrefপুরো URL (স্ট্রিং)। এটি পরিবর্তন করলে পেজ নতুন URL-এ নেভিগেট হয়।
protocolপ্রোটোকল স্কিম (যেমন https:)।
hostহোস্টনেম + পোর্ট (যেমন example.com:8080)।
hostnameশুধু ডোমেন নাম (যেমন example.com)।
portপোর্ট নম্বর (যদি স্পষ্টভাবে দেওয়া থাকে)।
pathnameপথের শুরুতে / সহ পথ (যেমন /path/to/page)।
searchকুয়েরি স্ট্রিং ? দিয়ে (যেমন ?id=123&name=test)।
hashফ্র্যাগমেন্ট আইডেন্টিফায়ার # দিয়ে (যেমন #section1)।
username / passwordURL-এ থাকা ইউজারনেম/পাসওয়ার্ড (সিকিউরিটি কারণে কম ব্যবহৃত)۔

আধুনিক পদ্ধতি: URL এবং URLSearchParams

আধুনিক ব্রাউজারগুলো URL কনস্ট্রাক্টর এবং URLSearchParams প্রদান করে, যা পার্সিংকে আরও সহজ করে তোলে:

const url = new URL(window.location.href);
console.log(url.hostname); // হোস্টনেম
console.log(url.pathname); // পথ
console.log(url.searchParams.get('id')); // নির্দিষ্ট কুয়েরি প্যারামিটার

উদাহরণ: hostname এবং pathname বের করা

const hostname = location.hostname;
const path = location.pathname;
console.log(hostname); // www.example.com
console.log(path);     // /ajax/index.htm

আউটপুট (URL: https://www.tutorialspoint.com/ajax/index.htm)

www.tutorialspoint.com
/ajax/index.htm

নোট: সার্ভার-সাইড (Node.js) এ window.location উপলব্ধ নেই। সেখানে url মডিউল বা URL ক্লাস ব্যবহার করুন।

  1. জাভাস্ক্রিপ্ট দিয়ে URL অবজেক্ট তৈরি করা

  2. JavaScript-এ অ্যারেকে কমপ্লেক্স অ্যারেতে রূপান্তর করা

  3. জাভাস্ক্রিপ্টে map() এবং reduce() ব্যবহার করে অ্যারেকে অবজেক্টের অ্যারেতে রূপান্তর করা

  4. জাভাস্ক্রিপ্টে কি দিয়ে JSON পড়া ও পার্স করা