Get parts of URL after domain name //... by splitting URL into array

Question

I have make this code:

var newURL = $(".list-portfolio a").attr("href"),
    pathArray = newURL.split( '/' ),
    secondLevelLocation = pathArray[0];
console.log(pathArray);

    var pathArray = pathArray[3, 4];

The pathArray value is ["http:", "", "www.mikevierwind.nl", "portfolio", "ruimzicht.html"]

How can i get the last 2 items of this array. I want that the results is portfolio/ruimzicht.html.

var last2 = pathArray[3]+'/'+pathArray[4] this could be...if you have fixed url — Alex Ball
– Alex Ball, Commented Aug 10, 2012 at 9:16

ninjagecko · Accepted Answer · 2012-08-10 09:48:27Z

56

You don't need any of this, you just want window.location.pathname:

> window.location.pathname
"/questions/11898626/get-items-of-the-array/11898963"

This will let you in the future have directories like "portfolio/2012/ruimzicht.html", and change domains to say "www.mikevierwind.???" without changing your code.

If you are not currently on the domain (and can't do the above), you can do it your way with a one-liner:

> pathArray.slice(-2).join('/')
"portfolio/ruimzicht.html"

But this is not future-proof like the above. To make it future-proof, you can do:

> url.split(document.domain)[1].slice(1)
"portfolio/2012/ruimzicht.html"

One would do this generally on foreign URLs when you are not currently on the domain and thus can't do window.location.pathname.

edited Aug 10, 2012 at 9:48

answered Aug 10, 2012 at 9:34

ninjagecko

91.5k24 gold badges144 silver badges153 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sean Lin · Accepted Answer · 2023-02-19 15:15:25Z

2

location.href.substr(location.href.indexOf(location.host)+location.host.length)

try this! it's contains URL parameters

edited Feb 19, 2023 at 15:15

answered Jul 4, 2022 at 9:00

Sean Lin

773 bronze badges

1 Comment

Tyler2P Over a year ago

Your answer could be improved by adding more information on what the code does and how it helps the OP.

jmventar · Accepted Answer · 2012-08-10 09:27:40Z

1

You could use array length if you don't have a fixed size or number of elements.

var path = array[array.length-2]+'/'+array[array.length-1];

If you just want the path use plain JS or jQuery as they suggest you in comments.

//Plain JS
var path = window.location.pathname;
//jQuery
$(location).attr('pathname');

edited Aug 10, 2012 at 9:27

answered Aug 10, 2012 at 9:21

jmventar

6851 gold badge11 silver badges32 bronze badges

1 Comment

pimvdb Over a year ago

What I meant was accessing that property on the a element.

robby dwi hartanto · Accepted Answer · 2019-11-26 07:53:44Z

1

try this

console.log(new URL(document.URL));

you would get object of URL

answered Nov 26, 2019 at 7:53

robby dwi hartanto

4351 gold badge4 silver badges10 bronze badges

Comments

yogi · Accepted Answer · 2012-08-10 09:17:13Z

0

You could try this

var newURL = $(".list-portfolio a").attr("href"),
    pathArray = newURL.split( '/' ),
    secondLevelLocation = pathArray[0];
console.log(pathArray);

var pathArray = pathArray[3] +'/'+ pathArray[4];

answered Aug 10, 2012 at 9:17

yogi

19.6k13 gold badges67 silver badges93 bronze badges

Comments

Nick · Accepted Answer · 2012-08-10 09:22:50Z

0

Or May be something like this

var newURL = $(".list-portfolio a").attr("href"),
pathArray = newURL.split( '/' ),
secondLevelLocation = pathArray.shift();

var pathArray = pathArray.join('/');

answered Aug 10, 2012 at 9:22

Nick

1,8693 gold badges24 silver badges33 bronze badges

Comments

Kamil Kiełczewski · Accepted Answer · 2022-09-26 19:30:43Z

0

Short

Ninjagecko gives excelent answer - I improve it a little: you don't need use window prefix, just

location.pathname

And some alternative way to get two last array items by use at()

[ pathArray.at(-2), pathArray.at(-1) ]

pathArray = ["http:", "", "www.mikevierwind.nl", "portfolio", "ruimzicht.html"];

result = [ pathArray.at(-2), pathArray.at(-1) ]

console.log(result.join`/`);

answered Sep 26, 2022 at 19:30

Kamil Kiełczewski

93.8k34 gold badges401 silver badges375 bronze badges

Collectives™ on Stack Overflow

Get parts of URL after domain name //... by splitting URL into array

7 Answers 7

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Short

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

1 Comment

1 Comment

Comments

Comments

Comments

Short

Comments

Your Answer

Sign up or log in

Post as a guest

Related