Do you want to Control the Flow of your precious code?
Hi, my name is Marcelo Varela and I'm going to lead you through a short guide on how to do just that in your journey of javascript. So if you're ever in a bunch and forgot how to write something that has to do with Control Flow, never fear because this blog is here!!
Ok now let the fun begin as we dive on in!!
Control Flow
I have said this term once already and hinted at it all over the intro, but what is it? Control Flow is a term used to describe a group of items that effect variables in javascript. The group includes:
//Loops include:
for(something){
}
while(something){
}
//and
do(somehting){
}while(something)
//statements include
if(something){
}
if(something){
} else if(something) {
} else(something) {
}
//and
switch(something){
}
Loops
loops
can be useful for the lazy person who doesn't want to rewrite their code multiple times. Just Kidding, well not really, but you get the point, I hope... Looping is actually a very cool and time saving attribute javascript has. Being able to repeat multiple lines of code using only a couple lines of code is very useful.
So like what are the types of Loops?
At the start we saw 3 types of loops, which were: for loops
, while loops
and do...while loops
The For Loops
repeats a function however many times the condition sees until it is false. In a for loop
there are 4 parts:
the variable is: (i = 0;)
the condition is: (i < 8;)
the final expression is: i++
and your output is: console.log('golfers')
for(i = 0; i < 8; i++){
console.log('golfers');
}
The While Loop
is quite similar to the regular for loop
__, in fact it has all the same attributes or pieces. But it is formed differently.
const golfers = {"marcelo", "andres", "lance", "hudson", "hans", "sebastion"}
let i = 0;
while(i <golfers.length;){
console.log(names[i]);
i++;
}
The last loop function is the do...while loop
const workout ={'20 pushups', '1 minute plank', ' 3 dumbell sets', '12 mile Bike Ride'}
do{
console.log('you still need to do ', workout);
i++;
} while (i < workout.length)
Statements
All right we got 3 types of these things we all say: Statements. Statements are used to act on true and false situations. Confusing right? Just think of it like saying if
I grab the bag then the bag will be lifted. That's the concept. Yea weird how an awkward explanation could mean something so trivial and obvious. So let's get into the names of our items inside the grocery bag so we can start cooking the code.
For today we will be cooking:
if statements
which tell us what to do if a certain condition is true or false.
const breadColor = 'golden brown';
if(breadColor = 'golden brown'){
console.log('then the bread is fresh')
}
Next we are serving else if statements
const breadColor = 'dark green';
if(breadColor = 'golden brown' || 'brown'){
console.log('then the bread is fresh')
} else if (breadColor = 'dark green'){
console.log('bread is molded')
} else {
console.log("that's some weird bread")
- The || means we OR, and if you see && it means AND
The final dish for today's main course is switch statements
which is another way to say long lists of else if statements
in a cleaner way.
const taste = 'sweet';
switch(taste){
case 'sweet':
console.log('your food is sweet');
break;
case 'sour':
console.log('your food is sour');
break;
case 'bitter':
console.log('your food is bitter');
break;
case 'spicy':
console.log('your food is spicy');
break;
case 'salty':
console.log('your food is salty');
break;
default:
console.log('your food is bland');
Notable Mentions
Two other things that are important are continue
and break
Continue
is that stain on your shirt you don't want to be seen, or a skip button.
const ballmph = {99, 102, 87, 67, 89, 92, 96, 101}
for(let i = 0; i < ballmph.length; i++){
if(ballmph[i] === 67){
continue;
}
console.log('you threw ', ballmph[I], 'mph')
}
Break
is your hold up wait a minute your the one I want or the only important one and disregard the others.
const ballmph = {99, 102, 87, 67, 89, 92, 96, 101}
for(let i = 0; i < ballmph.length; i++){
if(ballmph[i] === 102){
break;
}
console.log('you threw the fastest pitch of' , ballmph[i], 'mph')
}
Well we learned a lot about loops
and statements
along with their uses. Along with that we learned about the uses of &&
in statements, ||
in statements, about break
's uses and continue
's uses.
Thanks for taking the time to read this blog. I hope you have a great day, afternoon, evening or night and I hope that this helps you along in your journey to be a coding master!!
Resources:
https://docs.google.com/document/d/1djb1VATZFbmPwWoLPjwB1MrzYmyxqg3RMUCHKy1f5CI/edit?usp=sharing
Top comments (0)