使用 || 的这段代码的确切含​​义是什么？ （“OR”）运算符？

Question

我在某处看到了这个代码片段：

var idx = SOME_VALUE;

var color = {
  yellor: 1,
  red: 2,
  black: 0
};

var x = color[idx] || []; // Is this means if color[idx] is null, then return an empty array?

我只能猜测代码 var x = color[idx] || []; 表示如果 color[idx] 为 null，则将空数组返回给 x，否则 x= color[idx]。我说得对吗？

尽管如此，我还是需要一个解释。这段代码和下面的逻辑是不是一样？

CONDITION==VALUE? TRUE_goes_here : FALSE_goes_here

Answer 1

这意味着如果 color[idx] 为“falsy”，则使用空数组。 “Falsy”值为 false （当然）、0、NaN、""、undefined 和 null（所有其他值均为“true”）。这个习惯用法是 JavaScript 异常强大的 || 的一个例子。 运算符*。

在这种情况下，如果 color 不包含名称由 idx 包含的属性（因为当您索引到这样的对象并且键与任何现有属性名称不匹配，结果为 undefined）：x 将是 1 （如果 idx是“yellor”），2（如果idx 为“红色”），0（如果 idx 为“黑色”），或 [] 如果 < code>idx 是其他任何东西。

因此，在问题结束时回答您的问题，基本上是的。它是：

var x = color[idx];
if (!x) {
    x = [];
}

或

var x = color[idx] ? color[idx] : [];

---

*（这是我贫血的小博客上的一篇文章。）

Answer 2

你是对的。

在 Javascript 中，a || b 计算结果为第一个“真实”操作数。
如果 a 为“falsy”（例如，null、false、undefined、0)，它将计算为b。

Answer 3

or 运算符 || 将为您提供第一个不计算为条件的值all false （如 0或 null 执行）。

这意味着使用 0 ||空|| 5 将产生结果 5。

该代码中的内容是 JavaScript 中的常见做法，即使用 || 运算符在变量初始化时指定默认值。那只是因为

var x = something || default_value;

比

var x = (something ? something : default_value);

Answer 4

var x = color[idx] || [];

如果 color 是一个对象，其属性名称为 String(idx) 并且该属性的值为 true，则将该属性的值分配给 x< /代码>。否则，让 x 为空数组。

Answer 5

在这种情况下，|| 是“布尔或”运算符。与许多语言一样，JavaScript 中的布尔运算符是短路的。例如，假设我有以下布尔表达式：

var booleanValue = someFunction() || otherFunction()

如果第一个函数返回值与 true 等价，则无需计算第二个值，并且 otherFunction() 将不会执行，因为“or”运算符返回一个真实等价的值，无论其某些操作是否是真实等价的。这很好，因为它使您的代码更加高效：仅计算所需的表达式。

此外，在这种情况下还有一个奇怪的行为：由于表达式的第一个值是 true 等价的，JavaScript 只是将其作为表达式的结果返回，因为这意味着整个表达式无论如何都是 true。

在您的代码中，color[idx] 的值如果已设置，则为 true-equivvalent。由于它是“或”运算中的真等价值，因此它作为表达式的值返回。但是，如果未设置，则返回 undefined，这是一个假等效值。因此 JavaScript 必须计算下一个值来定义“or”表达式是否为真。由于下一个值是最后一个值，并且表达式的值完全取决于它，因此如果第一个值是假等价的，则表达式将返回下一个值。