javascript - javascript 'or' 语句

Question

var NavAxis='yx';
var url1 = 'file:///C:/Users/Luke/Desktop/Senior%20Project/index.html#/page4'
var url2 = 'file:///C:/Users/Luke/Desktop/Senior%20Project/index.html#/page5'   

if(location.href == (url1 || url2)){
      NavAxis='xy';
}else{
       NavAxis='yx';
} 

为什么这不起作用？我希望它是这样的，如果 URL 是那些声明的 NavAxis 更改为 'xy'

Answer 1

你真正想要的是：

if ( location.href === url1 || location.href === url2 )

您写的内容将首先评估内括号： (url1 || url2). url1只要url1是真实的（它在您的代码中），那将评估为。

location.href因此，只有当等于url1但不是时，您的条件才会为真url2。

Answer 2

JavaScript OR 的工作原理：

true || true   // true;
true || false  // true;
false || false // false;
0 || true      // 0 will translate to boolean because other side is boolean and it returns true
1 || 3         // no translation, returns 1
undefined || 2 // undefined will translated to boolean false. returns 2
null || "wow"  // "wow"

这就是你应该这样做的方式：

if(location.href == url1 || location.href == url2){
    NavAxis='xy';
}else{
   NavAxis='yx';
}

这适用于两个或三个检查，但如果你有 10 个网址怎么办？

Array.indexOf()这是使用适用于多项检查的方法的更好方法：

if([url1, url2, url3].indexOf(location.href) != -1 ){
        NavAxis='xy';
    }else{
       NavAxis='yx';
    }

Answer 3

url1 || url2将评估为file:///...#/page4（即url1）。所以本质上，你一直在location.href比较url1。要与两者进行比较，请尝试：

if (location.href == url1 || location.href == url2)