2024
Javascript
Control Flow
© 2024 Celerates CELERATES.CO.ID
2024
Content
Conditional Statement
Loops and Interation
© 2024 Celerates CELERATES.CO.ID
2024
Conditional
Statement
© 2024 Celerates
1
CELERATES.CO.ID
Conditional Statement 2024
● JavaScript supports a compact set of
statements, specifically control flow
statements, that you can use to incorporate
a great deal of interactivity in your
application.
© 2024 Celerates CELERATES.CO.ID
2024
If statement
© 2024 Celerates CELERATES.CO.ID
2024
Else if
© 2024 Celerates CELERATES.CO.ID
2024
Else if
© 2024 Celerates CELERATES.CO.ID
2024
Else if
© 2024 Celerates CELERATES.CO.ID
2024
Nesting
We can nest conditionals inside conditionals
© 2024 Celerates CELERATES.CO.ID
2024
Switch Case
Use switch to specify many alternative blocks of code to
be executed
© 2024 Celerates CELERATES.CO.ID
2024
Break statement
● The optional break statement associated with each
case clause ensures that the program breaks out of
switch once the matched statement is executed, and
then continues execution at the statement following
switch. If break is omitted, the program continues
execution inside the switch statement (and will execute
statements under the next case, and so on).
© 2024 Celerates CELERATES.CO.ID
2024
Looping and
Iteration
REPEAT STUFF.
REPEAT STUFF.
REPEAT STUFF.
© 2024 Celerates
2
CELERATES.CO.ID
2024
Loops
● Loops allow us to repeat code
○ "Print 'hello' 10 times
○ Sum all numbers in an array
● There are multiple types:
○ for loop
○ while loop
○ for...of loop
○ for...in loop
© 2024 Celerates CELERATES.CO.ID
2024
For Loops
© 2024 Celerates CELERATES.CO.ID
2024
Our First For Loops
© 2024 Celerates CELERATES.CO.ID
2024
Infinite Loops
© 2024 Celerates CELERATES.CO.ID
2024
Looping Over Arrays
© 2024 Celerates CELERATES.CO.ID
2024
Nested Loops
© 2024 Celerates CELERATES.CO.ID
2024
For of
A nice and easy way of iterating over
arrays
(or other iterable objects)
© 2024 Celerates CELERATES.CO.ID
2024
For of
An Example
© 2024 Celerates CELERATES.CO.ID
2024
For in
JavaScript for in statement loops through the
properties of an Object:
© 2024 Celerates CELERATES.CO.ID
2024
For in
An Example
//John Doe 25
© 2024 Celerates CELERATES.CO.ID
2024
While Loops
© 2024 Celerates CELERATES.CO.ID
2024
Do … While Loops
● The do while loop is a variant of the while
loop. This loop will execute the code block
once, before checking if the condition is
true, then it will repeat the loop as long as
the condition is true.
© 2024 Celerates CELERATES.CO.ID
2024
Do … While Loops
© 2024 Celerates CELERATES.CO.ID
2024
Do … While Loops
An Example
© 2024 Celerates CELERATES.CO.ID
2024
Any question?
© 2024 Celerates CELERATES.CO.ID
2024
© 2024 Celerates CELERATES.CO.ID
2024
GUIDING RESOURCE
Loops and iteration - JavaScript | MDN (mozilla.org)
https://egghead.io/
https://www.javatpoint.com/
© 2024 Celerates CELERATES.CO.ID
