multiple conditions in an if statement in javascript

Question

I know there has been a question like this, but mine is a little different, and it already works, but I don't know how to simplify it.

if (location.pathname === `/` || location.pathname ===`/kurikulum/` || location.pathname === `/pengembangan-diri/` || location.pathname === `/statistik/` || location.pathname === `/teknologi/` || location.pathname === `/ekonomi/` || location.pathname === `/desain/` || location.pathname === `/corona/`)

as you can see it is not beautiful, I wonder can we make it without repeating location.pathname?

this is on gatsby, but it is a javascript question

rishabh0211 · Accepted Answer · 2020-07-04 02:06:34Z

7

You can use Array.includes to check if the current pathname exists in a given array.

let pathArr = ['/', '/kurikulum/', '/pengembangan-diri/', '/statistik/', '/teknologi/', '/ekonomi/', '/desain/', '/corona/'];
let testPath = '/desain/';

if (pathArr.includes(testPath)) {
   document.write('path found!');
};

Learn more about Array.includes here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

edited Jul 4, 2020 at 2:06

answered Jul 4, 2020 at 1:55

rishabh0211

4434 silver badges11 bronze badges

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

2 Comments

Zulzidan.com Over a year ago

what if we want to make it the other way around ? like /path/ that is now in the array?

rishabh0211 Over a year ago

@MuhZulzidan what do you intend to do here? Can't understand.

Alvin · Accepted Answer · 2020-07-04 01:59:26Z

3

Use includes(), it will return true or false if the value is in the array.

const pathnames = [
  '/',
  '/kurikulum/',
  '/pengembangan-diri/',
  '/statistik/',
  '/teknologi/',
  '/ekonomi/',
  '/desain/',
  '/corona/'
]

if (pathnames.includes(location.pathname)) {
  // do something
}

edited Jul 4, 2020 at 1:59

answered Jul 4, 2020 at 1:54

Alvin

4843 silver badges7 bronze badges

Comments

Mohamed Aljamil · Accepted Answer · 2020-07-04 01:53:13Z

2

you can put all of your paths into a path array then run an indexOf() function to see if something fits

const paths = ['/', '/path', '/path1']
const thePath = '/',

if (paths.indexOf(thepath) >= 0) {
  console.log('the path exists')
} else {
console.log('the path doesnt exist')
}

answered Jul 4, 2020 at 1:53

Mohamed Aljamil

3992 silver badges9 bronze badges

Comments

Eric · Accepted Answer · 2020-07-04 03:04:09Z

2

Another way is that you can use array.filter or array.some.

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const searchFunc = (searchItem) => words.filter(word => word === searchItem).length > 0;
if(searchFunc('limit')){
  console.log("Item is found");
}

// expected output: "Item is found"

answered Jul 4, 2020 at 3:04

Eric

1,3771 gold badge11 silver badges8 bronze badges

Comments

ShinaBR2 · Accepted Answer · 2020-07-04 01:49:04Z

-2

You can simplify by define an JavaScript array of objects like below:

{
  path: '/some-path-to-compare`,
}

Then instead of compare by lot of lines, use loop then compare with the path field.

answered Jul 4, 2020 at 1:49

ShinaBR2

2,7253 gold badges16 silver badges28 bronze badges

Collectives™ on Stack Overflow

multiple conditions in an if statement in javascript

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related