javascript for eac loop

var i;
for (i = 0; i < cars.length; i++) {
  text += cars[i] + "<br>";
}

var colors = ["red", "blue", "green"];
colors.forEach(function(color) {
    console.log(color);
});

var i;
for (i = 0; i < 10 ; i++) {
  //do something
}

var listItem = [
        {name: 'myName1', gender: 'male'},
        {name: 'myName2', gender: 'female'},
        {name: 'myName3', gender: 'male'},
        {name: 'myName4', gender: 'female'},
      ]

    for (const iterator of listItem) {
        console.log(iterator.name+ ' and '+ iterator.gender);
    }

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

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

var person = {fname:"John", lname:"Doe", age:25}; 
var text = "";

var x;
for (x in person) {
    text += person[x] + " ";
 } 

//text = John Doe 25