Section 2.3: Operators

Tutorial 2.3.2: Comparison and Logical Operators

Comparison and Logical Operators in JavaScript

Comparison and logical operators allow you to compare values and perform logical operations. They are fundamental for decision-making in JavaScript, such as in if statements and loops.

1. Comparison Operators

Comparison operators compare two values and return a boolean (true or false).

Examples of Comparison Operators

console.log(5 == "5"); // true (type coercion)
console.log(5 === "5"); // false (no type coercion)
console.log(10 > 7); // true
console.log(4 <= 4); // true

2. Logical Operators

Logical operators combine multiple conditions or values.

Examples of Logical Operators

// AND operator
console.log(true && true); // true
console.log(true && false); // false

// OR operator
console.log(false || true); // true
console.log(false || false); // false

// NOT operator
console.log(!true); // false
console.log(!false); // true

Combining Comparison and Logical Operators

Use comparison and logical operators together for complex conditions.

Example:

let age = 20;
let hasID = true;

if (age >= 18 && hasID) {
  console.log("Access granted.");
} else {
  console.log("Access denied.");
}
// Output: "Access granted."

Common Errors

1. Confusing == with ===:

• == performs type coercion.
• === ensures both value and type match.

1. Using && or || incorrectly:

• Logical operators evaluate left to right; ensure your conditions are correct.

Exercise

1. Check if a number is greater than 10 and even.
2. Write a condition to determine if a user can log in based on the following:

• The user must be logged in (isLoggedIn is true).
• The user's account must not be suspended (isSuspended is false).

Example:

let number = 12;
if (number > 10 && number % 2 === 0) {
  console.log("The number is greater than 10 and even.");
}

let isLoggedIn = true;
let isSuspended = false;

if (isLoggedIn && !isSuspended) {
  console.log("User can log in.");
} else {
  console.log("Access denied.");
}