website/content/blog/2015-10-18-javascript-conditional-statements.md

5.4 KiB
Raw Blame History

id title date author aliases permalink medium_post dsq_thread_id mf2_cite tags
344 Javascript Conditional Statements 2015-10-18T18:30:21+00:00 Brandon Rozek
/2015/10/javascript-conditional-statements/
/2015/10/javascript-conditional-statements/
O:11:"Medium_Post":11:{s:16:"author_image_url";N;s:10:"author_url";N;s:11:"byline_name";N;s:12:"byline_email";N;s:10:"cross_link";N;s:2:"id";N;s:21:"follower_notification";N;s:7:"license";N;s:14:"publication_id";N;s:6:"status";N;s:3:"url";N;}
O:11:"Medium_Post":11:{s:16:"author_image_url";s:74:"https://cdn-images-1.medium.com/fit/c/200/200/1*dmbNkD5D-u45r44go_cf0g.png";s:10:"author_url";s:32:"https://medium.com/@brandonrozek";s:11:"byline_name";N;s:12:"byline_email";N;s:10:"cross_link";s:2:"no";s:2:"id";s:12:"72ac61ee8d04";s:21:"follower_notification";s:2:"no";s:7:"license";s:19:"all-rights-reserved";s:14:"publication_id";s:2:"-1";s:6:"status";s:6:"public";s:3:"url";s:79:"https://medium.com/@brandonrozek/javascript-conditional-statements-72ac61ee8d04";}
O:11:"Medium_Post":11:{s:16:"author_image_url";s:74:"https://cdn-images-1.medium.com/fit/c/200/200/1*dmbNkD5D-u45r44go_cf0g.png";s:10:"author_url";s:32:"https://medium.com/@brandonrozek";s:11:"byline_name";N;s:12:"byline_email";N;s:10:"cross_link";s:2:"no";s:2:"id";s:12:"72ac61ee8d04";s:21:"follower_notification";s:2:"no";s:7:"license";s:19:"all-rights-reserved";s:14:"publication_id";s:2:"-1";s:6:"status";s:6:"public";s:3:"url";s:79:"https://medium.com/@brandonrozek/javascript-conditional-statements-72ac61ee8d04";}
4237729275
4237729275
a:1:{s:6:"author";a:0:{}}
a:1:{s:6:"author";a:0:{}}
Web
JS

Javascript, like most other programming languages, include ways to run blocks of code when something meets a condition. Here, I will describe the most common ways to do so.

This post is part of my lecture series for Math I/O. There is no pre-reading for this lecture.

If Statement

To run a block of code when a condition is true, use an if statement.

if (condition) {
        doSomething();
}

You can also run a block of code when a condition is false using the else statement.

if (condition) {
    doSomething();
} else {
    doSomethingElse();
}

Switch statement

If you want to check a variable for equality against multiple different cases, use a switch statement.

switch (variable) {
        case condition1:
            doSomething();
            break;
        case condition2:
            doSomethingElse();
            break;
        default:
            doSomethingCompletelyDifferent();
            break;
}

The default statement runs when the variable doesnt equal any of the cases.

While loop

To run a block of code over and over again until a condition is false, use a while loop.

while (condition) {
    doSomething();
}

Dont forget to include something in the loop that will eventually make the condition false, otherwise you run into an infinite loop. (Which is a loop that never stops repeating itself; most likely crashing your browser)

For loop

If you want to run something a certain amount of times, use a “for" loop. For loops can be broken down into three components: an initiating statement, a condition, and a statement that runs after every loop.

for (var i = 0; i < 5; i++) {
        doSomething();
}

Here you have the initiating statement of var i = 0. From there you check, is i less than 5? Yes, so then we doSomething();. After we doSomething();, we add 1 to i. Now i equals 2. Is i still less than 5? Yes, so we doSomething();. Then we add 1 to i again. This loop will keep happening until i is not less than 5.

Conclusion

Having different control/conditional statements helps keep the state of any application youre making. Did the user say not to notify them? Then dont, otherwise (else) notify them. Thats all I have to say for this week. Hope this post helps you get a little more used to this big world called programming.

if (youLikeThisPost) {
        console.log("Come back next week! :)");
    } else {
        console.log("Aww that's okay, you should give me another chance next week :)");
    }

I recommend that you look at different perspectives of the same concepts. WebCheatSheet.com has a similar post to mine, check out what they had to say here.