通过逻辑 OR 运算符将 Null 合并字符串和条件字符串生成数字

Question

通过 OR 字符串合并（通过 PRIORITIES[NUM_TO_PRIORITY[priorityNum]]，其中输入 priorityNum）和字符串（通过条件 Object.values(PRIORITIES).includes(priorityNum) ? priorityNum : PRIORITIES.low）应该输出一个字符串，但输出一个数字（匹配输入）。为什么会这样？

这可能是一个 js 怪癖，但不确定为什么输出是一个数字，因为测试显示合并应该在 2 个字符串之间以输出一个字符串：

const PRIORITIES = {
    high: 'HIGH',
    low: 'LOW',
};
const NUM_TO_PRIORITY = {
    0: 'high',
    1: 'low',
};
const priorityNum = 0;
console.log(PRIORITIES[NUM_TO_PRIORITY[priorityNum]]); // "HIGH"
console.log(Object.values(PRIORITIES).includes(priorityNum)); // false
console.log("HIGH" || false) // "HIGH" <- Expected output

// Based on the above code, the following code should output "HIGH" yet outputs 0, why does this happen?
console.log(PRIORITIES[NUM_TO_PRIORITY[priorityNum]] || Object.values(PRIORITIES).includes(priorityNum) ? priorityNum : PRIORITIES.low);

Answer 1

|| 的 operator precedence 高于 ?，因此您的代码被评估为

(PRIORITIES[NUM_TO_PRIORITY[priorityNum]] || Object.values(PRIORITIES).includes(priorityNum))  ? priorityNum : PRIORITIES.low

const PRIORITIES = {
    high: 'HIGH',
    low: 'LOW',
};
const NUM_TO_PRIORITY = {
    0: 'high',
    1: 'low',
};
const priorityNum = 0;
console.log(PRIORITIES[NUM_TO_PRIORITY[priorityNum]]); // "HIGH"
console.log(Object.values(PRIORITIES).includes(priorityNum)); // false
// "HIGH" || false // "HIGH" <- Expected output

// Based on the above code, the following code should output "HIGH" yet outputs 0, why does this happen?
console.log(PRIORITIES[NUM_TO_PRIORITY[priorityNum]] || Object.values(PRIORITIES).includes(priorityNum) ? priorityNum : PRIORITIES.low);

Answer 2

正如另一个答案中提到的，这是由于运算符优先级。

valOne || valTwo ? priorityNum : PRIORITIES.low;

等同于：

(valOne || valTwo) ? priorityNum : PRIORITIES.low;

但你想要：

valOne || (valTwo ? priorityNum : PRIORITIES.low);

由于大多数人没有记住 20 多个运算符的优先级，因此请使用更多括号（如上所示）或更多变量来避免这些错误：

const PRIORITIES = {
    high: 'HIGH',
    low: 'LOW',
};
const NUM_TO_PRIORITY = {
    0: 'high',
    1: 'low',
};
const priorityNum = 0;

const priority = PRIORITIES[NUM_TO_PRIORITY[priorityNum]]
const otherVal = Object.values(PRIORITIES).includes(priorityNum) ? priorityNum : PRIORITIES.low

priority || otherVal; // "HIGH"

通过逻辑 OR 运算符将 Null 合并字符串和条件字符串生成数字

Null coalescing string and conditional string via logical OR-operator results in number

javascript

null-coalescing

javascript-objects

logical-or