how does a for loop work in js code example

Example 1: javascript for loop

var colors=["red","blue","green"];
for (let i = 0; i < colors.length; i++) { 
  console.log(colors[i]);
}

Example 2: javascript for in loop

const p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

for (let [key, value] of Object.entries(p)) {
  console.log(`${key}: ${value}`);
}

Example 3: javascript loop

let array = ["foo", "bar"]

let low = 0; // the index to start at
let high = array.length; // can also be a number

/* high can be a direct access too
	the first part will be executed when the loop starts 
    	for the first time
	the second part ("i < high") is the condition 
    	for it to loop over again.
    the third part will be executen every time the code 
        block in the loop is closed.
*/ 
for(let i = low; i < high; i++) { 
  // the variable i is the index, which is
  // the amount of times the loop has looped already
  console.log(i);
  console.log(array[i]); 
} // i will be incremented when this is hit.

// output: 
/*
	0
    foo
    1
    bar
*/