JavaScript split URL into parts -
JavaScript split URL into parts
by on on other

JavaScript split URL into parts

How to split URL Using JavaScript

You can get all window location key values using this window.location 

const paths = window.location
console.log(paths)
Location {ancestorOrigins: DOMStringList, href: "http://localhost:5000/new-url", origin: "http://localhost:5000", protocol: "http:", host: "localhost:5000", …}
ancestorOrigins: DOMStringList {length: 0}
assign: ƒ assign()
hash: ""
host: "localhost:5000"
hostname: "localhost"
href: "http://localhost:5000/new-url"
origin: "http://localhost:5000"
pathname: "/new-url"
port: "5000"
protocol: "http:"
reload: ƒ reload()
replace: ƒ replace()
search: ""

Get the full URL

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname + window.location.search

If you need to break up up the pathname, for example, a URL like https://boltskill.com/link/link/index.html you can split the string on “/” characters

var pathArray = window.location.pathname.split('/');


Then access the different parts by the parts of the array, like

var secondLevelLocation = pathArray[0];


To put that pathname back together, you can stitch together the array and put the “/”‘s back in:

var newPathname = "";
for (i = 0; i < pathArray.length; i++) {
  newPathname += "/";
  newPathname += pathArray[i];
}