JavaScript Operators

Question 1

What is the difference between == and === in JavaScript?

Answer 1

== (Loose Equality): Compares values after performing type coercion (attempts to convert the values to a common type). Avoid using this unless you know exactly what you’re doing.

=== (Strict Equality): Compares values without type coercion. Values must be of the same type and have the same value to return true. Use this one almost always.

Question 2

Give an example where == returns true but === returns false.

Answer 2

console.log(1 == “1”); // true (Type coercion: string “1” to number 1)
console.log(1 === “1”); // false (Different types: number and string)

Question 3

What are != and !==? How do they differ?

Answer 3

!= (Loose Inequality): Returns true if the operands are not equal after type coercion. Avoid this.

!== (Strict Inequality): Returns true if the operands are not equal or are of different types. Prefer this one.

Question 4

What is “type coercion”? Why is it important to understand?

Answer 4

Type coercion is JavaScript’s automatic conversion of values from one data type to another (e.g., string to number) during certain operations. It’s important because it can lead to unexpected and incorrect results if you’re not aware of it, especially when using == and !=.

Question 5

Explain how strings are compared using <, >, <=, and >=.

Answer 5

Strings are compared lexicographically (dictionary order) based on the Unicode values of their characters. The comparison proceeds character by character from left to right.

Question 6

Is “apple” < “Banana” true or false? Why?

Answer 6

false. Uppercase letters have lower Unicode values than lowercase letters. Therefore, “B” < “a”.

Question 7

How would you perform a case-insensitive string comparison in JavaScript?

Answer 7

Convert both strings to lowercase (using .toLowerCase()) or uppercase (using .toUpperCase()) before comparing them.

let str1 = “Apple”.toLowerCase();
let str2 = “apple”.toLowerCase();
console.log(str1 === str2); // true (case-insensitive comparison)

Question 8

What happens when you compare a string and a number using <, >, <=, or >=?

Answer 8

JavaScript usually attempts to convert the string to a number. If the string can be converted to a valid number, the comparison is performed numerically. If the string cannot be converted (resulting in NaN), the comparison usually returns false.

Question 9

Why should you generally avoid using == in JavaScript?

Answer 9

Because its type coercion can lead to unexpected and difficult-to-debug behavior. === provides more predictable and reliable comparisons.

Question 10

What is the result of null == undefined and null === undefined?

Answer 10

null == undefined is true (a special case in loose equality).

null === undefined is false (they are different types).

Question 11

Explain the pitfall of comparing objects (like {} or []) using == or ===.

Answer 11

== and === only check if the objects refer to the same object in memory (object identity), not whether they have the same properties and values (structural equality). {} == {} is false. [] == [] is false. You need to compare object properties individually to check for structural equality.

Question 12

What will the following code output?
console.log(“2” > “12”);

Answer 12

true. String comparison is lexicographical. “2” comes after “1” in dictionary order, so ‘2’ > ‘12’ is true.

Question 13

How do you numerically compare strings that contain numbers?

Answer 13

Convert them to numbers first using Number(), parseInt(), or parseFloat().

console.log(Number(“10”) < Number(“2”)); // false

Question 14

What are the three JavaScript logical operators?

Answer 14

&& (AND), || (OR), ! (NOT)

Question 15

Explain the purpose of the && (AND) operator. What must be true for A && B to evaluate to true?

Answer 15

The && operator returns true if both operands are true. It returns false otherwise. Both A and B must be true.

Question 16

Explain the purpose of the || (OR) operator. What must be true for A || B to evaluate to true?

Answer 16

The || operator returns true if at least one of the operands is true. It returns false only if both operands are false. At least one of A or B must be true.

Question 17

Explain the purpose of the ! (NOT) operator. What does it do to a boolean value?

Answer 17

The ! operator inverts the boolean value of its operand. !true is false, and !false is true. It negates the truthiness/falsiness of the value.

Question 18

What is “short-circuit evaluation” and how does it apply to the && (AND) operator?

Answer 18

Short-circuit evaluation means that the second operand of && is only evaluated if the first operand is true. If the first operand is false, the result is immediately false, and the second is skipped.

Question 19

What is “short-circuit evaluation” and how does it apply to the || (OR) operator?

Answer 19

Short-circuit evaluation means that the second operand of || is only evaluated if the first operand is false. If the first operand is true, the result is immediately true, and the second is skipped.

Question 20

What is the order of precedence for logical operators?

Answer 20

! (NOT) has the highest precedence, followed by && (AND), and then || (OR). Use parentheses () to override the default order.

Question 21

What are some common use cases for logical operators?

Answer 21

Validating Input
Controlling Program Flow
Access Control
Error Handling
Creating complex conditional expressions

Question 22

What are “truthy” and “falsy” values? Give some examples of falsy values.

Answer 22

“Truthy” values are values that are implicitly converted to true when used in a boolean context. “Falsy” values are: false, 0, “” (empty string), null, undefined, NaN.

Question 23

Why is readability important when working with logical operators? How can you improve the readability of your code when using logical operators?

Answer 23

Use parentheses to make evaluation order explicit.
Use descriptive variable names.
Break down complex conditions.
Add comments.
Avoid overly complex expressions.

Question 24

Give an example of using logical operators to validate if a number is within a specific range.

Answer 24

let number = 55;
let min = 10;
let max = 100;

if (number >= min && number <= max) {
console.log(“The number is within the range.”);
} else {
console.log(“The number is outside the range.”);
}

Question 25

How can short-circuit evaluation be helpful in avoiding errors? Give an example.

Answer 25

Short-circuiting prevents errors by avoiding risky operations unless conditions are safe. let x = 10; let y = 0; if (y !== 0 && x / y > 2) { console.log("The result is: " + x / y); } else { console.log("Cannot perform division."); }

Question 26

What is the Ternary Operator in JavaScript?

Answer 26

A concise way to write a conditional expression. Shorthand for a simple if-else statement. Syntax: condition ? valueIfTrue : valueIfFalse

Question 27

Explain the Syntax of the Ternary Operator.

Answer 27

condition: An expression that evaluates to true or false. ?: The ternary operator symbol. valueIfTrue: The value returned if the condition is true. :: Separates the valueIfTrue and valueIfFalse. valueIfFalse: The value returned if the condition is false.

Question 28

Give an example of a Ternary Operator in Action.

Answer 28

Generated javascript let age = 20; let isAdult = age >= 18 ? true : false; // isAdult will be true console.log(isAdult); // Output: true

Question 29

What is Inline Conditional Assignment, and how does the Ternary Operator help with it?

Answer 29

Assigning a value to a variable based on a condition. Ternary operators provide a concise way to achieve this in a single line. Generated javascript let isLoggedIn = true; let userStatus = isLoggedIn ? "Online" : "Offline";

Question 30

How is the Ternary Operator used in Conditional Rendering (e.g., in React)?

Answer 30

To conditionally render different elements or components based on a condition. Generated jsx {isLoggedIn ?

Welcome!

:

Please log in.

}

Question 31

What are Chained Ternary Operations? Why are they generally discouraged?

Answer 31

Nesting ternary operators to handle multiple conditions. Discouraged because they can quickly become unreadable and difficult to maintain. Use if-else if-else instead for complex logic.

Question 32

What are some Common Pitfalls to avoid when using the Ternary Operator?

Answer 32

Readability Concerns: Avoid excessive nesting. Side Effects: Don't use ternary operators when valueIfTrue or valueIfFalse have side effects (e.g., modifying external variables). Multiple Statements: Use if-else for multiple statements within a conditional block. Complex Logic: Stick to if-else for complex or multi-step conditions.

Question 33

When should you NOT use the Ternary Operator?

Answer 33

When the logic is complex. When side effects are involved. When multiple statements need to be executed. When readability suffers.

Question 34

Convert the following if-else statement to a Ternary Operator: Generated javascript let score = 70; let result; if (score >= 60) { result = "Pass"; } else { result = "Fail"; }

Answer 34

Generated javascript let score = 70; let result = score >= 60 ? "Pass" : "Fail";

Question 35

Explain why using boolean variables for conditions (instead of direct comparisons inside the ternary) can improve readability.

Answer 35

It makes the intent of the condition clearer and separates the condition evaluation from the value assignment. Generated javascript let hasPermission = user.role === "admin"; let message = hasPermission ? "Access Granted" : "Access Denied";

Question 36

What is the Ternary Operator in JavaScript?

Answer 36

A concise way to write a conditional expression. Shorthand for a simple if-else statement. Syntax: condition ? valueIfTrue : valueIfFalse

Question 37

Explain the Syntax of the Ternary Operator.

Answer 37

condition: An expression that evaluates to true or false. ?: The ternary operator symbol. valueIfTrue: The value returned if the condition is true. :: Separates the valueIfTrue and valueIfFalse. valueIfFalse: The value returned if the condition is false.

Question 38

Give an example of a Ternary Operator in Action.

Answer 38

Generated javascript let age = 20; let isAdult = age >= 18 ? true : false; // isAdult will be true console.log(isAdult); // Output: true

Question 39

What is Inline Conditional Assignment, and how does the Ternary Operator help with it?

Answer 39

Assigning a value to a variable based on a condition. Ternary operators provide a concise way to achieve this in a single line. Generated javascript let isLoggedIn = true; let userStatus = isLoggedIn ? "Online" : "Offline";

Question 40

How is the Ternary Operator used in Conditional Rendering (e.g., in React)?

Answer 40

To conditionally render different elements or components based on a condition. Generated jsx {isLoggedIn ?

Welcome!

:

Please log in.

}

Question 41

What are Chained Ternary Operations? Why are they generally discouraged?

Answer 41

Nesting ternary operators to handle multiple conditions. Discouraged because they can quickly become unreadable and difficult to maintain. Use if-else if-else instead for complex logic.

Question 42

What are some Common Pitfalls to avoid when using the Ternary Operator?

Answer 42

Readability Concerns: Avoid excessive nesting. Side Effects: Don't use ternary operators when valueIfTrue or valueIfFalse have side effects (e.g., modifying external variables). Multiple Statements: Use if-else for multiple statements within a conditional block. Complex Logic: Stick to if-else for complex or multi-step conditions.

Question 43

When should you NOT use the Ternary Operator?

Answer 43

When the logic is complex. When side effects are involved. When multiple statements need to be executed. When readability suffers.

Question 44

Convert the following if-else statement to a Ternary Operator: Generated javascript let score = 70; let result; if (score >= 60) { result = "Pass"; } else { result = "Fail"; }

Answer 44

Generated javascript let score = 70; let result = score >= 60 ? "Pass" : "Fail";

Question 45

Explain why using boolean variables for conditions (instead of direct comparisons inside the ternary) can improve readability.

Answer 45

It makes the intent of the condition clearer and separates the condition evaluation from the value assignment. Generated javascript let hasPermission = user.role === "admin"; let message = hasPermission ? "Access Granted" : "Access Denied";