1 / 28

The If Then Else Statement Using JavaScript

The If Then Else Statement Using JavaScript. TIP The If Statement is the fundamental control structure that allows branches in the flow of control in a program. The If-Then-Else Statement. With it , we can ask a question and choose a course of action.

Download Presentation

The If Then Else Statement Using JavaScript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. The If Then Else StatementUsing JavaScript TIP The If Statementis the fundamental control structure that allows branches in the flow of control in a program.

  2. The If-Then-Else Statement • With it , we can ask a question and choose a course of action. • If a certain condition exists, then perform one action, else perform another action. • The computer performs just one of the two actions, depending on the result of the condition being tested.

  3. The If-Then-Else form if ( Expression ) Statement-A else Statement-B

  4. If ( expression ) • The expression in parentheses can be of any simple data type. Almost without exception this will be a logical (Boolean) expression. • The expression gets evaluated at run time and based on the condition tested, results in being either TRUE or FALSE.

  5. If ( Expression ) Statement-Aelse Statement-B • At run time, the computer evaluates the expression. • If the value is TRUE, Statement-A is executed. • If the value is FALSE, Statement-B is executed.

  6. If-Then-Else Flow of Control if ( Expression ) true false Statment-A Statment-B Statment-B Next program Statment

  7. Notice • In JavaScript the If statement uses the reserved words ifand else but does not include the word then. • The term If-Then-Else corresponds to how we say things in English: “If something is true, then do this, else do that.”

  8. Code Fragment to illustrate If-Then-Else If ( hours <= 40.0 ) pay = rate * hours; else pay = rate * ( 40.0 + ( hours - 40.0 ) * 1.5 ); document.write(pay + “<br />”); Observe the indentation of the then-clause and the else-clause, which makes it easy to read.

  9. If-Then-Else Flow of Control if ( hours <= 40.0 ) true false pay = rate * hours; else pay = rate*(40.0+(hours-40.0)*1.5); document.write(pay);

  10. Other Uses for If-Then-Else • The If-Then-Else often is used to check the validity of input. For example, before we can ask the computer to divide by a data value, we should be sure that the value is not zero. • If you try, most computers will halt the execution of the program.

  11. Code for checking User Input If ( divisor != 0 ) result = dividend / divisor; else document.write(“Division by zero is not allowed”);

  12. The If-Then Form • Sometimes you run into a situation where you want to say. “If a certain condition exists, then perform some action; otherwise, don’t do anything.” • In other words, you want the computer to skip a sequence of instructions if a certain condition isn’t met. • You can do this by leaving the else branch empty.

  13. If Statement (the If-Then form) If ( expression ) statement

  14. Example of If-Then Form if (age < 18) document.write(“Not an eligible”); document.write(“ voter.”); This statement means that if age is less than 18, first print “Not an eligible “ and then print “voter.” If age is not less than 18, skip the first statement and go directly to print “voter.”

  15. If-Then Flow of Control if ( expression ) false true Statment-1 Statment-2

  16. Nested If Statments • There are no restrictions on what the statements in an If can be. • In general, any problem that involves a multiway branch (more than two alternative courses of action) can be coded using nested If statements.

  17. Nested If Statements if ( month == 1 ) document.write(“January”); if ( month == 2 ) document.write(“February”); if ( month == 3 ) document.write( “March”); ... if ( month == 12 ) document.write( “December”);

  18. Equivalent Nested If Statements if ( month == 1 ) document.write( “January”); else if ( month == 2 ) document.write( “February”); else if ( month == 3 ) document.write( “March”); else if ( month == 4 ) // and so on…. ...

  19. Nested If Statments • The preceding Nested If Structure is more efficient because it makes fewer comparisons. • The first version --- the sequence of independent If statements --- always tests every condition ( all 12 of them , even if the first one is satisfied.

  20. Nested If Statments • In contrast, the nested if solution skips all remaining comparisons after one alternative has been selected. • What do you think the advantage is using the second example ?

  21. Nested If Statements • As fast as modern computers are, many applications require so much computation that inefficient algorithms can waste hours of computing time. • Always be on the lookout for ways to make your programs more efficient.

  22. Blocks (Compound Statements) • If you put a { } pair around the sequence of statements you want in a branch of the If statement, the sequence of statements becomes a single block.

  23. Blocks (Compound Statements) If ( divisor != 0 ) results = dividend / divisor; else { document.write(“Division by zero is not allowed”); result = 9999; }

  24. The Dangling Else • When if statements are nested, you may find yourself confused about the If-Then pairings. • To which If does an else belong ? • THE RULE: In the absence of braces, an else is always paired with the closest if that doesn’t already have an else paired with it.

  25. The Dangling Else if ( average >= 60.0 ) // Incorrect version if ( average < 70.0 ) document.write(“Passing but marginal”); else document.write(“Failing”);

  26. The Dangling Else If ( average >= 60.0 ) // correct version { if ( average < 70.0 ) document.write(“Passing but marginal”); } else document.write(“Failing”); The { } pair indicates that the inner If statement is complete, so the else must belong to the outer if.

  27. Summary • The if statement allows you to take different paths through a program based on the value of a logical expression. • The If-Then-Else is used to choose between two courses of action • The If-Then is used to choose whether or not to take a “particular” course of action.

  28. Summary • The branches of an If-Then or If-Then-Else structure can be any statement, simple or compound. • They can even be other If statements.

More Related