w3resource

JavaScript: Break an address of an url and put it's part into an array

JavaScript Basic: Exercise-144 with Solution

Write a JavaScript program to break an URL address and put its parts into an array.

Note: url structure : ://.org[/] and there may be no part in the address.

Visual Presentation:

JavaScript: Break an address of an url and put it's part into an array.

Sample Solution:

JavaScript Code:

/**
 * Function to break down a URL address into protocol, domain, and optional path
 * @param {string} url_add - The URL address to be broken down
 * @returns {array} - An array containing protocol, domain, and optional path (if available)
 */
function break_address(url_add) {
    // Splitting the URL to separate protocol and the rest of the address
    var data = url_add.split("://");
    var protocol = data[0];
    
    // Splitting the rest of the address to extract domain and possible path
    data = data[1].split(".com");
    var domain = data[0];
    
    // Splitting the address after .com to extract the path if available
    data = data[1].split("/");

    // Checking if a path exists and returning the relevant parts
    if (data[1]) {
        return [protocol, domain, data[1]];
    }

    // Returning protocol and domain if path doesn't exist
    return [protocol, domain];
}

// Sample URL address
var url_add = "https://www.w3resource.com/javascript-exercises/";

// Display original address
console.log("Original address: " + url_add);

// Display the broken down parts of the address
console.log(break_address(url_add)); 

Output:

Original address: https://www.w3resource.com/javascript-exercises/
["https","www.w3resource","javascript-exercises"]

Live Demo:

See the Pen javascript-basic-exercise-144 by w3resource (@w3resource) on CodePen.

Flowchart:

Flowchart: JavaScript - Break an address of an url and put it's part into an array

ES6 Version:

/**
 * Function to break down a URL address into protocol, domain, and optional path
 * @param {string} url_add - The URL address to be broken down
 * @returns {array} - An array containing protocol, domain, and optional path (if available)
 */
const break_address = (url_add) => {
    // Splitting the URL to separate protocol and the rest of the address
    let data = url_add.split("://");
    let protocol = data[0];
    
    // Splitting the rest of the address to extract domain and possible path
    data = data[1].split(".com");
    let domain = data[0];
    
    // Splitting the address after .com to extract the path if available
    data = data[1].split("/");

    // Checking if a path exists and returning the relevant parts
    if (data[1]) {
        return [protocol, domain, data[1]];
    }

    // Returning protocol and domain if path doesn't exist
    return [protocol, domain];
};

// Sample URL address
const url_add = "https://www.w3resource.com/javascript-exercises/";

// Display original address
console.log("Original address: " + url_add);

// Display the broken down parts of the address
console.log(break_address(url_add));

Improve this sample solution and post your code through Disqus.

Previous: JavaScript program to sort the strings of a given array of strings in the order of increasing lengths.
Next: JavaScript program to find the maximum integer n such that 1 + 2 + ... + n <= a given integer.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/javascript-exercises/javascript-basic-exercise-144.php