taking off the http or https off a javascript string

user_223367 0
Viewed 20853

I have the following strings

http://example.com
https://example.com
http://www.example.com

how do i get rid of the http:// or https://?

javascript
13 Answers

You can use the URL object like this:

const urlWithoutProtocol = new URL(url).host;

user_51033460

You may use URL() constructor. It will parse your url string and there will be an entry w/o protocol. So less headache with regexps:

let u = new URL('https://www.facebook.com/companypage/');
URL {
    hash: ""
    host: "www.facebook.com"
    hostname: "www.facebook.com"
    href: "https://www.facebook.com/companypage/"
    origin: "https://www.facebook.com"
    password: ""
    pathname: "/companypage/"
    port: ""
    protocol: "https:"
    search: ""
    searchParams: URLSearchParams {}
    username: ""
}
u.host // www.facebook.com
u.hostname // www.facebook.com

Although URL() drops out a protocol, it leaves you with www part. In my case I wanted to get rid of that subdomain part as well, so had to use to .replace() anyway.

u.host.replace(/^www./, '') // www.facebook.com => facebook.com
user_11149260

Another efficient solution,

url.replace(/(^(\w+:)?\/\//, '')

user_46578610

Using regex might be an overkill when there's a handy native URL interface that does the job for you in 2 lines:

let url = "https://stackoverflow.com/questions/3999764/taking-off-the-http-or-https-off-a-javascript-string";
let a = new URL(url);
let withoutProtocol = a.host+a.pathname;
console.log(`Without protocol: ${withoutProtocol}`);
console.log(`With protocol: ${url}`);

URL API Support in browsers

user_142512210
Related