javascript 101 - class 2

56
1. Refresher 2. Array Basics 3. Loops 4. Control Flow

Upload: robert-pearce

Post on 07-Aug-2015

101 views

Category:

Software


2 download

TRANSCRIPT

Page 1: JavaScript 101 - Class 2

1. Refresher 2. Array Basics 3. Loops 4. Control Flow

Page 2: JavaScript 101 - Class 2

Data types

Page 3: JavaScript 101 - Class 2

Data types

Number!42

Page 4: JavaScript 101 - Class 2

Data types

Number!42

Float!867.5309

Page 5: JavaScript 101 - Class 2

Data types

Number!42

Float!867.5309

String!“Hey, Jude”

Page 6: JavaScript 101 - Class 2

Data types

Number!42

Float!867.5309

String!“Hey, Jude”

Boolean!true

Page 7: JavaScript 101 - Class 2

Variables

Page 8: JavaScript 101 - Class 2
Page 9: JavaScript 101 - Class 2

Functions

Page 10: JavaScript 101 - Class 2
Page 11: JavaScript 101 - Class 2

1. Refresher 2. Array Basics 3. Loops 4. Control Flow

Page 12: JavaScript 101 - Class 2

What is an Array and why do I care?

Page 13: JavaScript 101 - Class 2
Page 14: JavaScript 101 - Class 2
Page 15: JavaScript 101 - Class 2

An array can be stored as a variable

Page 16: JavaScript 101 - Class 2
Page 17: JavaScript 101 - Class 2

How do I access just one value?

Page 18: JavaScript 101 - Class 2

Array indices

Page 19: JavaScript 101 - Class 2
Page 20: JavaScript 101 - Class 2
Page 21: JavaScript 101 - Class 2
Page 22: JavaScript 101 - Class 2
Page 23: JavaScript 101 - Class 2
Page 24: JavaScript 101 - Class 2
Page 25: JavaScript 101 - Class 2
Page 26: JavaScript 101 - Class 2
Page 27: JavaScript 101 - Class 2
Page 28: JavaScript 101 - Class 2
Page 29: JavaScript 101 - Class 2

How do I tell how many items are in there?

Page 30: JavaScript 101 - Class 2
Page 31: JavaScript 101 - Class 2
Page 32: JavaScript 101 - Class 2

Exercise

Create an Array with any values and assign it to a variable.!

RTFG (read the freaking google) and find out how to delete an item from a JavaScript array.

Page 33: JavaScript 101 - Class 2

1. Refresher 2. Array Basics 3. Loops 4. Control Flow

Page 34: JavaScript 101 - Class 2

“for” loops

Page 35: JavaScript 101 - Class 2
Page 36: JavaScript 101 - Class 2
Page 37: JavaScript 101 - Class 2
Page 38: JavaScript 101 - Class 2
Page 39: JavaScript 101 - Class 2
Page 40: JavaScript 101 - Class 2

Remember this array?

Page 41: JavaScript 101 - Class 2
Page 42: JavaScript 101 - Class 2

How can we “iterate” through this Array and print

out all of the values?

Page 43: JavaScript 101 - Class 2
Page 44: JavaScript 101 - Class 2
Page 45: JavaScript 101 - Class 2

Exercise

Use the knowledge you have learned today to:!

create an Array of items and assign it to a variable!

“iterate” through each item and delete it from the array!

check the value of your variable you created for the Array. What does it return?

Page 46: JavaScript 101 - Class 2

“while” loops

Page 47: JavaScript 101 - Class 2
Page 48: JavaScript 101 - Class 2

Remember this for loop?

Page 49: JavaScript 101 - Class 2
Page 50: JavaScript 101 - Class 2

Now, as a while loop…

Page 51: JavaScript 101 - Class 2
Page 52: JavaScript 101 - Class 2

“for” and “while” loops are two different ways of accomplishing

the exact same thing.

Page 53: JavaScript 101 - Class 2

Exercise

Convert your “for” loop from the previous exercise to a “while” loop and make sure it has the exact same output as before.!

If you forgot…!

create an Array of items and assign it to a variable!

“iterate” through each item and delete it from the array!

check the value of your variable you created for the Array. What does it return?

Page 54: JavaScript 101 - Class 2

1. Refresher 2. Array Basics 3. Loops 4. Control Flow

Page 55: JavaScript 101 - Class 2

No slides allowed here. Learn to RTFG.

Page 56: JavaScript 101 - Class 2

if!

else if!

else!

“switch” statement!

logical operators