How to combine pathname with URL strings

Question

I'm setting up javascript that contains pathname for multiple URLS, but I don't want to set up a new "case" for the continual URL string.

Is there any possible solution to combine pathname cases instead of creating a new one?

switch (window.location.pathname) {
case '/blog/category/style':
$(".wsite-sideblock h2.wsite-title").append("Style");
break;
case '/blog/category/style/2':
$(".wsite-sideblock h2.wsite-title").append("Style");
break;
case '/blog/category/style/3':
$(".wsite-sideblock h2.wsite-title").append("Style");
break;
.
.
.
case '/blog/category/style/10':
$(".wsite-sideblock h2.wsite-title").append("Style");
break;
}

I had a thought that a simple trick is to add "+" like this... (but it didn't work)

case '/blog/category/style' + '/blog/category/style/2':

Do they all end with a number at the end or did you just put it as an example? — Aks Jacoves, May 03 '20 at 23:55

score 1 · Answer 1 · answered May 03 '20 at 23:53

You can combine them using this sort of Switch Cases (if they have the same output command):

switch (window.location.pathname) {
case '/blog/category/style':
case '/blog/category/style/2':
case '/blog/category/style/3':
...
case '/blog/category/style/10':
$(".wsite-sideblock h2.wsite-title").append("Style");
break;
}

score 1 · Accepted Answer · answered May 04 '20 at 00:03

I think you don't need to use switch if you will always do the same. Put these paths in an array and simple check if window.location.pathname is in the array or not and depending on that add style or not.

    const paths = ['/blog/category/style', '/blog/category/style/2', ..., '/blog/category/style/10'];
    if (paths.includes(window.location.pathname)) {
        $(".wsite-sideblock h2.wsite-title").append("Style");
    }

score 0 · Answer 3 · answered May 03 '20 at 23:57

You can actually just omit the break statements and control will "fall through" to the next response.

let pathname = '/blog/category/style/3';

switch (pathname) {
  case '/blog/category/style':
  case '/blog/category/style/2':
  case '/blog/category/style/3':
  case '/blog/category/style/10':
    console.log("Print this for any of the above cases");
    break;
}

How to combine pathname with URL strings

3 Answers3