返回

逻辑运算符 — 一次性全知

前端

JavaScript 逻辑运算符:全面解析

简介

JavaScript 里有三个逻辑运算符:||(或),&&(与),!(非)。 虽然他们被称为“逻辑”运算符,但这些运算符却可以被应用于任意类型的值,而不仅仅是布尔值。他们的结果也同样可以是任意类型。 让我们来详细看一下。

逻辑或(||)运算符

在传统的编程中,逻辑或仅能够操作布尔值。如果参与运算的任一操作数为真,则运算结果为真;否则为假。然而,在 JavaScript 中,逻辑或运算符的行为略有不同。它不仅可以作用于布尔值,还可以作用于任意类型的值。如果参与运算的任一操作数为真值(包括非零数字、非空字符串、非 null 和非 undefined 值),则运算结果为真;否则为假。

示例:

console.log(true || false); // true
console.log(false || true); // true
console.log(true || "Hello"); // true
console.log(false || "Hello"); // "Hello"
console.log(true || 1); // true
console.log(false || 1); // 1

逻辑与(&&)运算符

逻辑与运算符的行为与逻辑或运算符类似,但它要求参与运算的两个操作数都为真值,运算结果才为真;否则为假。

示例:

console.log(true && false); // false
console.log(false && true); // false
console.log(true && "Hello"); // "Hello"
console.log(false && "Hello"); // false
console.log(true && 1); // 1
console.log(false && 1); // false

逻辑非(!)运算符

逻辑非运算符的行为与逻辑或运算符和逻辑与运算符不同。它只作用于一个操作数,并将该操作数取反。如果操作数为真值,则运算结果为假;如果操作数为假值,则运算结果为真。

示例:

console.log(!true); // false
console.log(!false); // true
console.log(!0); // true
console.log(!1); // false
console.log(!'Hello'); // false
console.log(!''); // true

总结

逻辑运算符是 JavaScript 中强大的工具,可以用来执行各种逻辑操作。它们不仅可以作用于布尔值,还可以作用于任意类型的值。这使得它们非常灵活,可以用于各种各样的场景。