使用条件求值进行过滤(&&)

基础概念

条件求值通常指的是在编程中使用逻辑运算符来根据条件的真假执行不同的代码块。在JavaScript等语言中，&&（逻辑与）是一个常用的逻辑运算符，它用于连接两个表达式。如果第一个表达式的值为真（truthy），则返回第二个表达式的值；如果第一个表达式的值为假（falsy），则直接返回第一个表达式的值。

相关优势

1. 简洁性：使用&&可以避免编写冗长的if语句。
2. 性能优化：在某些情况下，使用&&可以减少不必要的计算。
3. 代码可读性：对于简单的条件判断，&&可以使代码更加直观。

类型

• 短路逻辑：&&运算符具有短路特性，即如果第一个操作数为假，则不会计算第二个操作数。

应用场景

1. 条件执行：当需要根据某个条件决定是否执行某个操作时。
2. 默认值赋值：在函数参数中，如果未提供某个参数，则赋予其默认值。
3. DOM元素存在性检查：在操作DOM元素前，确保该元素存在。

示例代码

条件执行

const user = { name: 'Alice', age: 25 };

// 使用 && 进行条件执行
user.age >= 18 && console.log('User is an adult.');

默认值赋值

function greet(name = 'Guest') {
  console.log(`Hello, ${name}!`);
}

greet(); // 输出: Hello, Guest!
greet('Bob'); // 输出: Hello, Bob!

DOM元素存在性检查

const element = document.getElementById('myElement');

element && element.style.color = 'red';

遇到的问题及解决方法

问题：为什么使用&&时，有时第二个表达式没有被执行？

原因：这是因为&&运算符的短路特性。如果第一个表达式的值为假，那么整个表达式的值就是第一个表达式的值，第二个表达式不会被执行。

解决方法：确保第一个表达式的值为真，或者在需要时使用其他逻辑结构（如if语句）来替代。

示例代码

const a = false;
const b = true;

// 因为 a 是 false，所以 b 没有被执行
a && console.log(b); // 输出: (无输出)

如果需要确保b总是被执行，可以使用if语句：

const a = false;
const b = true;

if (a) {
  console.log(b);
} else {
  console.log('a is false');
}
// 输出: a is false

通过这种方式，可以明确控制代码的执行流程，避免因短路逻辑导致的意外行为。