How to parse URL using JavaScript ?

0 0 1 minute read

Given an URL and the task is to parse that URL and retrieve all the related data using JavaScript. Example:

URL: https://www.zambiatek.com/courses
When we parse the above URL then we can find
hostname: zambiatek.com
path: /courses

Method 1: In this method, we will use createElement() method to create a HTML element, anchor tag and then use it for parsing the given URL.

javascript

// Store the URL into variable 
var url = "https://zambiatek.com/pathname/?search=query"; 
      
// Created a parser using createElement() method 
var parser = document.createElement("a"); 
parser.href = url; 
      
// Host of the URL 
console.log(parser.host); 
      
// Hostname of the URL 
console.log(parser.hostname ); 
      
// Pathname of URL 
console.log(parser.pathname); 
      
// Search in the URL 
console.log(parser.search );

Output:

zambiatek.com
zambiatek.com
/pathname/
?search=query

Method 2: In this method we will use URL() to create a new URL object and then use it for parsing the provided URL.

javascript

// Store the URL into variable 
var url = 
"https://zambiatek.com:3000/pathname/?search=query"; 
      
// Created a URL object using URL() method 
var parser = new URL(url); 
      
// Protocol used in URL 
console.log(parser.protocol); 
      
// Host of the URL 
console.log(parser.host); 
      
// Port in the URL 
console.log(parser.port); 
      
// Hostname of the URL 
console.log(parser.hostname); 
      
// Search in the URL 
console.log(parser.search); 
      
// Search parameter in the URL 
console.log(parser.searchParams);

Output:

https:
zambiatek.com:3000
3000
zambiatek.com
?search=query
search=query

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!