Reassemble the separated string while skipping over every other element in the array created by splitting it

Question

Reassemble the separated string while skipping over every other element in the array created by splitting it

Currently, I am working on the following URL: demo.example.in/posts/0ewsd/13213

My goal is to extract the hostname (demo.example.in) and the path (posts/0ewsd/13213) from this URL.

urlHost = 'demo.example.in/posts/0ewsd/13213';
let urlHostName = urlHost.split("/");

Even after using the split() method, the entire URL gets split into different parts...

['demo.example.in', 'posts', '0ewsd', '13213']

What I actually want is to separate demo.example.in and posts/0ewsd/13213. Is there any alternative approach that can help achieve this?

javascript arrays string url

Answer 1

Answer №1

If you're looking for a solution, one approach is to utilize the String.match() method along with the regular expression pattern /^([^/]*)\/(.*)$/ and capturing groups:

const url = "demo.example.in/posts/0ewsd/13213";

const customSplit = (url) =>
{
    let matches = url.match(/^([^/]*)\/(.*)$/);
    return [matches[1], matches[2]];
}

let [hostname, path] = customSplit(url);

console.log("hostname => " + hostname);
console.log("path => " + path);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

Alternatively, another option is to use String.split() in combination with Destructuring Assignment:

const url = "demo.example.in/posts/0ewsd/13213";

const customSplit = (url) =>
{
    let [hostname, ...path] = url.split("/");
    return [hostname, path.join("/")];
}

let [hostname, path] = customSplit(url);

console.log("hostname => " + hostname);
console.log("path => " + path);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

Answer 2

If you're looking for a solution, one approach is to utilize the String.match() method along with the regular expression pattern /^([^/]*)\/(.*)$/ and capturing groups:

const url = "demo.example.in/posts/0ewsd/13213";

const customSplit = (url) =>
{
    let matches = url.match(/^([^/]*)\/(.*)$/);
    return [matches[1], matches[2]];
}

let [hostname, path] = customSplit(url);

console.log("hostname => " + hostname);
console.log("path => " + path);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

Alternatively, another option is to use String.split() in combination with Destructuring Assignment:

const url = "demo.example.in/posts/0ewsd/13213";

const customSplit = (url) =>
{
    let [hostname, ...path] = url.split("/");
    return [hostname, path.join("/")];
}

let [hostname, path] = customSplit(url);

console.log("hostname => " + hostname);
console.log("path => " + path);

.as-console {background-color:black !important; color:lime;}
.as-console-wrapper {max-height:100% !important; top:0;}

Answer 3

Answer №2

If you're looking to extract specific parts of a URL, you can utilize a regular expression to do so. The regex pattern will match and capture anything except a forward slash (the hostname), then it will match a slash, and finally, it will capture the rest of the line (the path). This way, the hostname will be stored in the first captured group, while the path will be stored in the second captured group:

const input = 'demo.example.in/posts/0ewsd/13213';
const [, hostname, path] = input.match(/([^/]+)\/(.*)/);
console.log(hostname, path);

Answer 4

If you're looking to extract specific parts of a URL, you can utilize a regular expression to do so. The regex pattern will match and capture anything except a forward slash (the hostname), then it will match a slash, and finally, it will capture the rest of the line (the path). This way, the hostname will be stored in the first captured group, while the path will be stored in the second captured group:

const input = 'demo.example.in/posts/0ewsd/13213';
const [, hostname, path] = input.match(/([^/]+)\/(.*)/);
console.log(hostname, path);

Answer 5

Answer №3

const websiteURL = 'example.demo.com/articles/789wdw/13456';

const [domain, parameter] = [websiteURL.substring(0, websiteURL.indexOf('/')), websiteURL.substring(websiteURL.indexOf('/') + 1)];

console.log(domain, parameter);

Trust this information proves useful to you!

Answer 6

const websiteURL = 'example.demo.com/articles/789wdw/13456';

const [domain, parameter] = [websiteURL.substring(0, websiteURL.indexOf('/')), websiteURL.substring(websiteURL.indexOf('/') + 1)];

console.log(domain, parameter);

Trust this information proves useful to you!

Answer 7

Answer №4

To tackle this issue, utilize the powerful feature of regular expression grouping. The provided regEx will categorize the string into three distinct groups: first the host, followed by the delimiter (/), and finally the path.

var pattern = /^([\w\.]*)(\/)(.*)$/gim;

Check out the Demo here

Answer 8

To tackle this issue, utilize the powerful feature of regular expression grouping. The provided regEx will categorize the string into three distinct groups: first the host, followed by the delimiter (/), and finally the path.

var pattern = /^([\w\.]*)(\/)(.*)$/gim;

Check out the Demo here

Answer 9

Answer №5

To easily extract the host and path from a URL, consider adding the scheme to the beginning of the URL and utilize the URL API.

const url = new URL('http://' + 'demo.example.in/posts/0ewsd/13213');
const host = url.host, path = url.pathname.slice(1);

console.log('Host:', host);
console.log('URL Path:', path);

Answer 10

To easily extract the host and path from a URL, consider adding the scheme to the beginning of the URL and utilize the URL API.

const url = new URL('http://' + 'demo.example.in/posts/0ewsd/13213');
const host = url.host, path = url.pathname.slice(1);

console.log('Host:', host);
console.log('URL Path:', path);

Reassemble the separated string while skipping over every other element in the array created by splitting it

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Viewing saved information prior to saving - JavaScript

What is the best way to eliminate the border color on a drop-down menu's bottom border?

When trying to use the `map: texture` with a new `THREE.Texture(canvas)

If a particular <td> element is present on the page, exhibit a unique <div>

Creating space between flex items in Slick Carousel with Vue

Redirecting with Express js when the cookie is not found

Highlighting a Table Column with a Radio Button

Ways to obtain the <a> using the title attribute

comprehending the concept of express and mastering its usage

Styling a Pie or Doughnut Chart with CSS

SignalR 2.2 users are experiencing a lack of message reception

Is there a way to verify the content of a span and automatically guide the user elsewhere if it meets certain criteria?

The Javascript code is functioning properly in Chrome, however, it is experiencing compatibility issues in other

What is the name attribute of an ES2015 function?

Handling an Express server that receives a request with no data

When employing the map function in React, the resulting array is always equal to the last element within

Running NPM module via Cordova

Unable to establish successful Ajax connection with PHP function

Error message 'AVV_ERR_PLUGIN_NOT_VALID' encountered within fastify

I'm experiencing an issue where using .innerHTML works when viewing the file locally, but not when served from a web server. What could be causing this discrepancy?