Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>

<script id="jsbin-javascript">
// Loops: While, For, For in

// Looping allows us to iterate over collections. A for loop is great for arrays.
// A for-in loop is great for objects. A while loop loops over a condition
// as long as it is true

// For loop

var array = [1, 2, 3, 4, 5];

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

// above, we've looped throug var array in increments of 1 up to value 5

for (var j = array.length-1; j > -1; j--) {
  console.log(array[j]);
}

// above, we've looped down through var array in decrements of 1 down to value 1

for (var k = array.length-1; k > -1; k -= 2) {
  console.log(array[k]);
}

// above, we've looped down through var array in decrements of 2 from value 5
// down to value 1


// For in loop

var object = {nameFirst: "Jay", nameMiddle: "J", nameLast: "Smith"};
  for (var key in object){
    console.log(object[key]);
  }

// above, we've looped through var object
</script>


<script id="jsbin-source-javascript" type="text/javascript">// Loops: While, For, For in

// Looping allows us to iterate over collections. A for loop is great for arrays.
// A for-in loop is great for objects. A while loop loops over a condition
// as long as it is true

// For loop

var array = [1, 2, 3, 4, 5];

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

// above, we've looped throug var array in increments of 1 up to value 5

for (var j = array.length-1; j > -1; j--) {
  console.log(array[j]);
}

// above, we've looped down through var array in decrements of 1 down to value 1

for (var k = array.length-1; k > -1; k -= 2) {
  console.log(array[k]);
}

// above, we've looped down through var array in decrements of 2 from value 5
// down to value 1


// For in loop

var object = {nameFirst: "Jay", nameMiddle: "J", nameLast: "Smith"};
  for (var key in object){
    console.log(object[key]);
  }

// above, we've looped through var object</script></body>
</html>