looping

56
loops executing code over and over again Thursday, September 24, 2009

Upload: john-nunemaker

Post on 30-Oct-2014

1.571 views

Category:

Technology


3 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Looping

loopsexecuting code over and over again

Thursday, September 24, 2009

Page 2: Looping

Thursday, September 24, 2009

Page 3: Looping

for looploop a specified number of times;the only loop you need to know

http://www.w3schools.com/jS/js_loop_for.asp

Thursday, September 24, 2009

Page 4: Looping

for (var i=0; i < 5; i++) { // some code to run}

Thursday, September 24, 2009

Page 5: Looping

for (var i=0; i < 5; i++) { // some code to run}

before any loops

Thursday, September 24, 2009

Page 6: Looping

for (var i=0; i < 5; i++) { // some code to run}

before each loop

Thursday, September 24, 2009

Page 7: Looping

for (var i=0; i < 5; i++) { // some code to run}

after each loop

Thursday, September 24, 2009

Page 8: Looping

for (var i=0; 0 < 5; i++) { // i would be 0}

Thursday, September 24, 2009

Page 9: Looping

for (var i=0; 1 < 5; i++) { // i would be 1}

Thursday, September 24, 2009

Page 10: Looping

for (var i=0; 2 < 5; i++) { // i would be 2}

Thursday, September 24, 2009

Page 11: Looping

for (var i=0; 3 < 5; i++) { // i would be 3}

Thursday, September 24, 2009

Page 12: Looping

for (var i=0; 4 < 5; i++) { // i would be 4}

Thursday, September 24, 2009

Page 13: Looping

for (var i=0; 5 < 5; i++) { // condition false so this // would never happen}

Thursday, September 24, 2009

Page 14: Looping

for (var i=0; 5 < 5; i++) { // condition false so this // would never happen}

Thursday, September 24, 2009

Page 15: Looping

var colors = ['red', 'green', 'blue'];

for(var i=0; i < colors.length; i++) { colors[i];}

Thursday, September 24, 2009

Page 16: Looping

var colors = ['red', 'green', 'blue'];

for(var i=0, length=colors.length; i < length; i++) { colors[i];}

Thursday, September 24, 2009

Page 17: Looping

var colors = ['red', 'green', 'blue'];var length = colors.length;

for(var i=0; i < length; i++) { colors[i];}

Thursday, September 24, 2009

Page 18: Looping

while looploop while a condition is true

http://www.w3schools.com/JS/js_loop_while.asp

Thursday, September 24, 2009

Page 19: Looping

var i = 0;

while (i < 5) { // some code to run i++;}

Thursday, September 24, 2009

Page 20: Looping

var i = 0;

while (i < 5) { // some code to run i++;}

before each loop

Thursday, September 24, 2009

Page 21: Looping

var i = 0;

while (0 < 5) { // i would be 0 i++; // i would be 1}

Thursday, September 24, 2009

Page 22: Looping

var i = 0;

while (1 < 5) { // i would be 1 i++; // i would be 2}

Thursday, September 24, 2009

Page 23: Looping

var i = 0;

while (2 < 5) { // i would be 2 i++; // i would be 3}

Thursday, September 24, 2009

Page 24: Looping

var i = 0;

while (3 < 5) { // i would be 3 i++; // i would be 4}

Thursday, September 24, 2009

Page 25: Looping

var i = 0;

while (4 < 5) { // i would be 4 i++; // i would be 5}

Thursday, September 24, 2009

Page 26: Looping

var i = 0;

while (5 < 5) { // condition is false so // this would never happen i++;}

Thursday, September 24, 2009

Page 27: Looping

var i = 0;

while (5 < 5) { // condition is false so // this would never happen i++;}

Thursday, September 24, 2009

Page 28: Looping

for..in looploop through the properties of an object

http://www.w3schools.com/jS/js_loop_for_in.asp

Thursday, September 24, 2009

Page 29: Looping

for (property in object) { // some code here}

Thursday, September 24, 2009

Page 30: Looping

var person = { name: 'John Nunemaker', age: 27, married: true, cat_owner: 'unfortunately'};

for (property in person) { property; person[property];}

Thursday, September 24, 2009

Page 31: Looping

var person = { name: 'John Nunemaker', age: 27, married: true, cat_owner: 'unfortunately'};

for (property in person) { property; // ‘name’ person[property]; // ‘John Nunemaker’}

Thursday, September 24, 2009

Page 32: Looping

var person = { name: 'John Nunemaker', age: 27, married: true, cat_owner: 'unfortunately'};

for (property in person) { property; // ‘age’ person[property]; // 27}

Thursday, September 24, 2009

Page 33: Looping

var person = { name: 'John Nunemaker', age: 27, married: true, cat_owner: 'unfortunately'};

for (property in person) { property; // ‘married’ person[property]; // true}

Thursday, September 24, 2009

Page 34: Looping

var person = { name: 'John Nunemaker', age: 27, married: true, cat_owner: 'unfortunately'};

for (property in person) { property; // ‘cat_owner’ person[property]; // ‘unfortunately’}

Thursday, September 24, 2009

Page 35: Looping

breakbreak the current loop

and continue with code after loop if any

http://www.w3schools.com/jS/js_break.asp

Thursday, September 24, 2009

Page 36: Looping

think “stop looping right now”

Thursday, September 24, 2009

Page 37: Looping

for (var i=0; i < 5; i++) { if (i === 2) { break; } i;}

Thursday, September 24, 2009

Page 38: Looping

for (var i=0; 0 < 5; i++) { if (0 === 2) { // false break; } i; // 0}

Thursday, September 24, 2009

Page 39: Looping

for (var i=0; 0 < 5; i++) { if (0 === 2) { // false break; } i; // 0}

Thursday, September 24, 2009

Page 40: Looping

for (var i=0; 1 < 5; i++) { if (1 === 2) { // false break; } i; // 1}

Thursday, September 24, 2009

Page 41: Looping

for (var i=0; 1 < 5; i++) { if (1 === 2) { // false break; } i; // 1}

Thursday, September 24, 2009

Page 42: Looping

for (var i=0; 2 < 5; i++) { if (2 === 2) { // true break; // breaks out of loop } i; // never gets here}

Thursday, September 24, 2009

Page 43: Looping

for (var i=0; 2 < 5; i++) { if (2 === 2) { // true break; // breaks out of loop } i; // never gets here}

Thursday, September 24, 2009

Page 44: Looping

most common use is switch statement, but good to know it works elsewhere

Thursday, September 24, 2009

Page 45: Looping

continuebreak the current loop

and continue with the next value

http://www.w3schools.com/jS/js_break.asp

Thursday, September 24, 2009

Page 46: Looping

think “skip current loop”

Thursday, September 24, 2009

Page 47: Looping

for (var i=0; i < 3; i++) { if (i === 1) { continue; } i; // comment}

Thursday, September 24, 2009

Page 48: Looping

for (var i=0; 0 < 3; i++) { if (0 === 1) { // false continue; } i; // 0}

Thursday, September 24, 2009

Page 49: Looping

for (var i=0; 0 < 3; i++) { if (0 === 1) { // false continue; } i; // 0}

Thursday, September 24, 2009

Page 50: Looping

for (var i=0; 1 < 3; i++) { if (1 === 1) { // true continue; } i; // never gets here}

Thursday, September 24, 2009

Page 51: Looping

for (var i=0; 1 < 3; i++) { if (1 === 1) { // true continue; } i; // never gets here}

Thursday, September 24, 2009

Page 52: Looping

for (var i=0; 2 < 3; i++) { if (2 === 1) { // false continue; } i; // 2}

Thursday, September 24, 2009

Page 53: Looping

for (var i=0; 2 < 3; i++) { if (2 === 1) { // false continue; } i; // 2}

Thursday, September 24, 2009

Page 54: Looping

for (var i=0; 3 < 3; i++) { // never gets here if (i === 1) { continue; } i;}

Thursday, September 24, 2009

Page 55: Looping

for (var i=0; 3 < 3; i++) { // never gets here if (i === 1) { continue; } i;}

Thursday, September 24, 2009

Page 56: Looping

assignment04http://teaching.johnnunemaker.com/capp-30550/sessions/looping/

Thursday, September 24, 2009