Scribd
Upload
87 views31 pages

Javascript Conditional Statement and Function

The document discusses JavaScript conditional statements, functions, and loops. It defines comparison and logical operators used to evaluate conditions. It also describes if, if-else, if-else-if-else conditional statements and switch statements. The document defines functions as reusable blocks of code and describes syntax for defining functions. It also defines for, while, do-while, for-in loops and their usage. It provides examples of break and continue statements used to control loop execution.

Uploaded by

fred
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
87 views31 pages

Javascript Conditional Statement and Function

The document discusses JavaScript conditional statements, functions, and loops. It defines comparison and logical operators used to evaluate conditions. It also describes if, if-else, if-else-if-else conditional statements and switch statements. The document defines functions as reusable blocks of code and describes syntax for defining functions. It also defines for, while, do-while, for-in loops and their usage. It provides examples of break and continue statements used to control loop execution.

Uploaded by

fred
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 31

JavaScript

Conditional Statement and


Function
Comparison statements are used to evaluate the quality
or the difference between variables or values.
COMPARISON OPERATOR
OPERAND EXAMPLE RESULTS
== x == y Returns true if x is equal to y
=== x === y Returns true if x is equal to y and the data are of
the same type

!= x != y Returns true if x is not equal to y


!= = x != = y Returns true if x is not equal to y and/or the data
are not of the same type
COMPARISON OPERATOR
OPERAND EXAMPLE RESULTS
> x>y Returns true if x is greater than y
< x<y Returns true if x is less than y

>= x >= y Returns true if x is greater than or equal to y


<= x <= y Returns true if x is less than or equal to y
Logical operators are used to determine the logic between
expressions, variables, values. It is usually used by two or
more expressions to satisfy the needed conditions.
LOGICAL OPERATORS
OPERATOR Description EXAMPLE RESULTS
&& And (x == y) && (x > 3) Returns true if both
expressions are true
|| Or (x == y) | | (x > 3) Returns true if at least one
of the expressions is true
! Not ! (x == y) Returns true if x is not
equal to y
JavaScript also has its own conditional operator that automatically
assigns a value depending on the result of the condition.

syntax for conditional variablename = (condition) ?value1:value2:


statements

myFavorite = (color == “pink”) ?”Terrific”:”Change color”;


Conditional Statements are used to perform different
operations based on the set conditions.
Kinds of conditional Statements
• if statement = used to check if a specified condition is true
• if-else statement = used to check if the condition is true and
performs an action if the condition is false.
• if-else-if-.else statement = used to check if one or more blocks of
code can be executed.
• Switch statement = used if you want to select one of many blocks
of code to be executed.
switch statements
https://www.w3schools.com/jsref/jsref_statements.asp
FUNCTIONS AND
LOOPS
Function is a set of statements or blocks of codes
combined together for a particular use.
It is usually used so that you will not have to retype
your codes again when you needed them; you can
simply call it to execute it.
Functions You may call a function anywhere within the page or
even from an external Javascript file.
Functions can be defined anywhere in the head section
or body section; however it is ideal to put the function
in the head section so that you are assured that it is
loaded properly.
Syntax of a function

function
functionname
(var1,var2,var3…,varN) functionname is the name of the
function. var1,var2,…, varn are
{
parameters
//place your codes here
}
What is Loop?
• There are times when you want a block code repeated over and over again until a
certain condition is satisfied.
• JavaScript Loops
• For Loop – It loops through a block of code within a specified number of times.
• While Loop – It loops through a block of code until the condition is satisfied.
• Do While Loop - It is like while loop; however, it will execute the set of codes at
least once.
• For in loop- It loops through the elements of an array.
Different Kinds of Loops

JavaScript supports different kinds of loops:

• for - loops through a block of code a number of times


• for/in - loops through the properties of an object
• for/of - loops through the values of an iterable object
• while - loops through a block of code while a specified condition is true
• do/while - also loops through a block of code while a specified condition is true
For Loop
While Loop
The Do While Loop

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.
Syntax
do {
  // code block to be executed
}
while (condition);
Example
The example below uses a do while loop. The loop
will always be executed at least once, even if the
condition is false, because the code block is
executed before the condition is tested:
The For In Loop
The JavaScript for in statement loops through
the properties of an Object:

Syntax
for (key in object) {
  // code block to be executed
}
The Break Statement
You have already seen the break statement used in
an earlier chapter of this tutorial. It was used to
"jump out" of a switch() statement.
The break statement can also be used to jump out of
a loop:

The break statement "jumps out" of a loop.


The continue statement "jumps over" one
iteration in the loop.
The Continue Statement
The continue statement breaks one iteration (in the
loop), if a specified condition occurs, and continues with
the next iteration in the loop.
This example skips the value of 3:

You might also like