Scribd
Upload
4 views

Learn JavaScript_ Conditionals Cheatsheet _ Codecademy

The document is a cheatsheet for JavaScript conditionals, explaining control flow and various conditional structures such as if statements, else blocks, switch statements, and logical operators. It covers the use of logical operators (AND, OR, NOT), comparison operators, and the ternary operator for making decisions in code. Additionally, it defines truthy and falsy values in JavaScript, providing examples for clarity.

Uploaded by

karina wahyu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Learn JavaScript_ Conditionals Cheatsheet _ Codecademy

The document is a cheatsheet for JavaScript conditionals, explaining control flow and various conditional structures such as if statements, else blocks, switch statements, and logical operators. It covers the use of logical operators (AND, OR, NOT), comparison operators, and the ternary operator for making decisions in code. Additionally, it defines truthy and falsy values in JavaScript, providing examples for clarity.

Uploaded by

karina wahyu
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

6/25/24, 10:18 PM Learn JavaScript: Conditionals Cheatsheet | Codecademy

Cheatsheets / Learn JavaScript

Conditionals

Control Flow

Control flow is the order in which statements are


executed in a program. The default control flow is for
statements to be read and executed in order from left-
to-right, top-to-bottom in a program file.
Control structures such as conditionals ( if statements
and the like) alter control flow by only executing blocks
of code if certain conditions are met. These structures
essentially allow a program to make decisions about
which code is executed as the program runs.

Logical Operator ||

The logical OR operator || checks two values and true || false; // true
returns a boolean. If one or both values are truthy, it
10 > 5 || 10 > 20; // true
returns true . If both values are falsy, it returns false .
false || false; // false
A B A || B
10 > 100 || 10 > 20; // false
false false false

false true true

true false true

true true true

Ternary Operator

The ternary operator allows for a compact syntax in the let price = 10.5;
case of binary (choosing between two choices)
let day = "Monday";
decisions. It accepts a condition followed by a ?
operator, and then two expressions separated by a : . If
the condition evaluates to truthy, the first expression is day === "Monday" ? price -= 1.5 : price
executed, otherwise, the second expression is
+= 1.5;
executed.

https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-control-flow/cheatsheet 1/4
6/25/24, 10:18 PM Learn JavaScript: Conditionals Cheatsheet | Codecademy

else Statement

An else block can be added to an if block or series const isTaskCompleted = false;


of if - else if blocks. The else block will be executed
only if the if condition fails.
if (isTaskCompleted) {
console.log('Task completed');
} else {
console.log('Task incomplete');
}

Logical Operator &&

The logical AND operator && checks two values and true && true; // true
returns a boolean. If both values are truthy, then it
1 > 2 && 2 > 1; // false
returns true . If one, or both, of the values is falsy, then
it returns false . true && false; // false
4 === 4 && 3 > 1; // true

switch Statement

The switch statements provide a means of checking const food = 'salad';


an expression against multiple case clauses. If a case
matches, the code inside that clause is executed.
The case clause should finish with a break keyword. switch (food) {
If no case matches but a default clause is included, case 'oyster':
the code inside default will be executed. console.log('The taste of the sea
Note: If break is omitted from the block of a case ,
the switch statement will continue to check against
🦪');
case values until a break is encountered or the flow is break;
broken. case 'pizza':
console.log('A delicious pie 🍕');
break;
default:
console.log('Enjoy your meal');
}

// Prints: Enjoy your meal

https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-control-flow/cheatsheet 2/4
6/25/24, 10:18 PM Learn JavaScript: Conditionals Cheatsheet | Codecademy

if Statement

An if statement accepts an expression with a set of const isMailSent = true;


parentheses:
If the expression evaluates to a truthy value,
then the code within its code body executes. if (isMailSent) {
If the expression evaluates to a falsy value, its console.log('Mail sent to recipient');
code body will not execute.
}

Logical Operator !

The logical NOT operator ! can be used to do one of let lateToWork = true;
the following:
let oppositeValue = !lateToWork;
Invert a Boolean value.
Invert the truthiness of non-Boolean values.
console.log(oppositeValue);
// Prints: false

Comparison Operators

Comparison operators are used to comparing two 1 > 3 // false


values and return true or false depending on the
3 > 1 // true
validity of the comparison:
=== strict equal 250 >= 250 // true
!== strict not equal 1 === 1 // true
> greater than 1 === 2 // false
>= greater than or equal
1 === '1' // false
< less than
<= less than or equal

https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-control-flow/cheatsheet 3/4
6/25/24, 10:18 PM Learn JavaScript: Conditionals Cheatsheet | Codecademy

else if Clause

After an initial if block, else if blocks can each const size = 10;
check an additional condition. An optional else block
can be added after the else if block(s) to run by
default if none of the conditionals evaluated to truthy. if (size > 100) {
console.log('Big');
} else if (size > 20) {
console.log('Medium');
} else if (size > 4) {
console.log('Small');
} else {
console.log('Tiny');
}
// Print: Small

Truthy and Falsy

In JavaScript, values evaluate to true or false when


evaluated as Booleans.
Values that evaluate to true are known as
truthy
Values that evaluate to false are known as
falsy
Falsy values include false , 0 , empty strings, null
undefined , and NaN . All other values are truthy.

Print Share

https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-control-flow/cheatsheet 4/4

You might also like