JavaScript Condition correspondant, mais ne pas vrai?

Question

S'il vous plaît jeter un oeil à l'adresse suivante:

jQuery(document).ready(function() { 
    var full_url = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;  
    var part_url = window.location.protocol + "//" + window.location.host + "/domain/shop/";  
    part_url = part_url + "cat1/"; 

    if (full_url == part_url) 
    { 
     jQuery("li.cat1").addClass("current"); 
    }  
}); 

Pour une raison quelconque le code ci-dessus ne devient vrai et je suis perplexe quant pourquoi. J'ai alerté individuellement les variables "part_url" et "full_url" et les deux correspondaient donc pourquoi l'instruction if ne retourne pas vrai? Je sais que c'est probablement quelque chose de stupide que j'ai raté ...

Answer 1

Etes-vous sûr que ce n'est pas vrai? Essayez:

alert(full_url == part_url); 

qui donnera une indication quant à savoir si les chaînes ne correspondent pas, ou si le contenu du if est tout simplement sans effet.

Si c'est une question de minuscule/majuscule, il est préférable d'utiliser toLowerCase() pour comparer, plutôt que des expressions régulières, sinon vous pouvez obtenir des erreurs/fausses correspondances (si les URL contiennent des caractères regexp):

if (full_url.toLowerCase() == part_url.toLowerCase()) { ... } 

Si c'est pas - essayer:

• vérifier les longueurs des cordes:

  alert(full_url.length); alert(part_url.length); 
  

• utilisant substr sur les cordes pour limiter la partie qui ne correspond pas:

  alert(full_url.substr(1,20) == part_url(substr(1,20)); 
  

  (peut-être même utiliser une boucle pour comparer caractère par caractère - il peut être quelque chose comme le numéro « 1 » par rapport à la lettre ' l » ...)

Answer 2

si l'opérateur d'égalité dit false, alors ils ne sont pas les mêmes, peu importe combien vous croyez. ;) Essayez ceci:

var test = function (s, t) 
{ 
    var sl = s.length; 
    var tl = t.length; 
    var l = sl < tl ? sl : tl; 
    for (var i = 0; i < l && s[i] == t[i]; ++i) /* empty */; 
    if (i < l || sl != tl) { 
     print("common head: '" + s.substr(0, i) + "'"); 
     print("tail s: '" + s.substr(i) + "'"); 
     print("tail t: '" + t.substr(i) + "'"); 
    } 
}; 

Answer 3

window.location.host + "/" + window.location.pathname; 

location.pathname comprend le premier /, de sorte que vous allez créer http://www.example.com//domain/shop/cat1 avec deux barres obliques après le nom d'hôte. Clairement, cela ne correspondra jamais. Affinez votre regard strident-à-cordes-à-voir-si-ce-sont les mêmes pouvoirs!