JavaScript中if语句用||时，第一个为真是否会执行第二个表达式？

逻辑或的短路求值行为 #

在JavaScript中，||（逻辑或）运算符存在短路求值特性：当第一个表达式结果为true时，会直接返回该结果，完全不会执行第二个表达式。比如你提到的if (true || false)，因为第一个条件已经为真，false对应的表达式根本不会被计算。

数组变化判断的优化方案 #

针对你判断数组变化的需求，结合短路逻辑可以高效实现：

• 比较长度的方案：确实开销更低，仅需对比两个数组的length属性，时间复杂度O(1)。只要前后数组长度不同，必然存在新增或删除操作，此时无需再检查元素值，直接判定数组变化。
• 比较元素值的方案：开销更高，需要遍历数组逐一对比元素，时间复杂度O(n)，仅在长度相同时，才需要用此方案判断是否有元素被修改。

利用短路特性组合两个判断的写法如下：

// 假设hasValuesChanged是你实现的元素对比函数
if (prevArr.length !== currArr.length || hasValuesChanged(prevArr, currArr)) {
  // 数组发生了新增/删除/元素修改
}

这里如果长度不同，后面的元素对比函数不会执行，直接进入变化处理逻辑；只有长度相同时，才会触发元素检查，最大化减少不必要的计算。

如果需要区分“新增/删除”和“元素修改”，可以拆分判断逻辑：

if (prevArr.length !== currArr.length) {
  // 处理数组新增或删除的场景
} else if (hasValuesChanged(prevArr, currArr)) {
  // 处理元素被修改的场景
}

内容的提问来源于stack exchange，提问作者Gega