Javascript 布尔值：false && true 结果为 true

Question

我需要根据某些单选组的值禁用/启用按钮。这些收音机由一些 groovy 代码填充，因为我正在使用 grails，这是一个 groovy 框架，它是 java 的超集。嗯，这个解释是说无线电的值被定义为布尔值，这是很自然的，因为它们对应于是/否的答案。

现在，要禁用/启用此按钮，我使用了一些 javascript，但它使用布尔值变得很糟糕。正如标题所述，在某些时候，我在一个包含 false 的变量和另一个包含 true 的变量之间进行了逻辑运算

这是有问题的代码：

var actual = true;
$('.requerido input:radio:checked').each(function() {
    console.log("actual: " + actual);
    console.log("value: " + this.value);
    console.log("actual and value: " + (actual && this.value));
    actual = actual && this.value;
    console.log("actual: " + actual);
});

如您所见，我使用 console.log 进行调试，这就是在某些时候抛出的问题：

actual: true
value: true
actual and value: true
actual: true

actual: true
value: false
actual and value: false
actual: false

actual: false
value: true
actual and value: true
actual: true

所以 true && false == false，但是 false && true == true ？请注意，这些值没有引号，因此它们是布尔值（我正在使用 Chrome 控制台进行调试，它表示双引号内的字符串，因此您可以区分 true 和“true”）。

有什么想法吗？

此外，像var x = true && false 这样的手动比较总是按预期工作，只是用变量表明问题存在。

Answer 1

您选中的单选按钮输入中的this.value 实际上不是布尔值，而是一个字符串。字符串和布尔值的比较可能会导致这样的问题。使用=== 进行比较是被认为是最佳实践的原因之一。

请参阅此 SO Question 了解完整详情； JavaScript === vs == : Does it matter which “equal” operator I use?

Answer 2

请注意，&& 执行以下操作：

如果可以转换为false则返回expr1；否则，返回 expr2.

_source

所以在这样的情况下：

var truish=true;//interchangeable with anything different than 0,"",false,null,undefined,NaN
var falsish=null;//interchangeable with 0,"",false,null,undefined,NaN

alert(truish&&falsish);//null (falsish was returned)

返回的值不一定是布尔值，对此的解决方案是强制布尔值!(x&&y)

所以我的猜测是这样的事情正在发生

Answer 3

如果您尝试使用逻辑运算符进行计算，请记住：

var result = true && "false";// always results (string) "false"
var result = true && "true";// always results (string) "true"
var result = false && "true";// always results (boolean) false
var result = false && "false";// always results (boolean) false
var result = "true" && true;// always results (boolean) true
var result = "true" && false;// always results (boolean) false
var result = "false" && true;// always results (boolean) true
var result = "false" && false;// always results (boolean) false
var result = "true" && "true";// always results (string)"true"
var result = "true" && "false";// always results (string) "false"
var result = "false" && "true";// always results (string) "true"
var result = "false" && "false";// always results (string) "false"

因为： javascript判断第一个操作数，如果为真则返回第二个操作数，否则返回假；就像：

var first = true
var second = "false";
if (first) {
    result = second;
} else {
    result = false;
}

或

result = first ? second : false;

这是 javascript 逻辑运算符的实际工作方式。 您必须在不同的变量类型之间进行严格的比较：

result = true && (value==="false");

strings not empty 等于 (boolean)true，甚至是“false”。

并记住 html 元素属性是“字符串”

Answer 4

这必须与您的单选控件的（其中一个）值有关，因为在纯 javascript 中，这会按预期计算：

function boolx(tf,val){ 
  var test = tf && val;
  console.log([tf,val,tf && val,test]); 
}
tf(true,false); //=> [true,false,false,false]
tf(false,true); //=> [false,true,false,false]

也许this.value 的显式转换会有所帮助，因为this.value 实际上是一个字符串：

var actual = true;
$('.requerido input:radio:checked').each(function() {
    var val = /true/i.test(this.value);
    console.log("actual: " + actual);
    console.log("value: " + val);
    console.log("actual and value: " + (actual && val));
    actual = actual && val;
    console.log("actual: " + actual);
});

Answer 5

尝试按位和& 副&&。后者适用于条件比较，但不适用于为变量赋值。

Answer 6

这真的是你想做的吗？ ：

actual = actual && this.value;

同理：

if (actual) {
    actual = this.value;
}

actual 始终是您的代码中定义的 true，因此 actual 将是 this.value 而不是布尔值。