Home / Questions / 505444
Accepted
D. Albarracín
Asked: 2022-05-22 06:02:37 +0800 CST 2022-05-22 06:02:37 +0800 CST

Strict 'includes()' method in JS

  • 772

I'm checking with JS if the route I'm on includes a state or not, to activate a CSS class. These states are looped through, and I check with:

window.location.href.includes(url.contains)

This url.containscan have different states (values), but I have two states which are: provisional-final-allegationand final-allegation.

Which are giving me problems because they are called almost the same, the difference is the provisional-one that goes at the beginning. And includes()he gives me both as valid, so they are activated at the same time.

Is there a way to make the method includes()strict and check exactly what is passed to it as a parameter? or any other method that can help me?

javascript

3 Answers

  1. The comment they left you with is fine too, but if the part you're looking for isn't at the beginning or end of the string it won't work with endsWithni startsWith.

    To do this, you'll need more than just includes, you can use RegExp.

    You can use the following regular expression

    /((provisional\-)?)final\-allegation/

    What it does is basically find provisional-final-allegationand final-allegation, the main part is to say that it provicional-'s optional and if it's there then find it too, but if it's not there, just find final-allegation.

    In this way, you can test it like this

    console.log(location.href.match(/((provisional\-)?)final\-allegation/)[0]);

    As you can see, we use indexing brackets, since it String.prototype.matchreturns an array with the matches that the expression found, the output will be what it found.

    Working example:

    const string = "/some/url/provisional-final-allegation/more/";
const string2 = "/some/url/final-allegation/more/";

console.log(
  string.match(/((provisional\-)?)final\-allegation/)[0],
  string2.match(/((provisional\-)?)final\-allegation/)[0]
);

    • 3

  2. The method String.includes(substring)tells you if one text is included in another. So my proposal is not to look in window.location.href, but in another field of window.location:

    Let's imagine that the URL we have is

    https://es.stackoverflow.com/questions/505444?pe=1&pa=hola#anchor

    • window.location.pathnameit is the part of the URL that comes just after the domain/IP address, indicating the path of the resource, but without parameters. In this case it would be: "/questions/505444"
    • window.location.searchis the part with the request params : what comes after the question mark, but not including the hash (#):?pe=1&pa=hola
    • window.location.hash: As you can imagine, it is in this case#anchor

    So you could, on the one hand, search only the part that interests you and, on the other hand,

    • use a regular expression with start and end ( .match(/^...$/)) or
    • use split('/')in the path (or split('&')in the search part ) and look with `===' .
    • 2
  3. Best Answer

    I have solved it by making a .split('/')to the current URL, to obtain an array with each part of the string. Since the status came in the URL in this way:

    xxxxxxxxxxxxxxxxxxxxxx/des/developer/xxxxxxxx/public/xxxxxxx/provisional-final-allegation/index

    Now like this if you check the full state, whatever it is:

    let status_split = window.location.href.split("/");
status_split.includes(url.contains)

    Thanks for the response, and the comments.

    • 1