var person={
first_name:"johnny",
last_name: "johnson",
phone:"703-3424-1111"
};
for (var property in person) {
console.log(property,":",person[property]);
}var people=[
{first_name:"john",last_name:"doe"},
{first_name:"mary",last_name:"beth"}
];
for (let i = 0; i < people.length; i++) {
console.log(people[i].first_name);
}var arr = [{id: 1},{id: 2},{id: 3}];
for (var elm of arr) {
console.log(elm);
}var array = ["e", 5, "cool", 100];
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
// This is a common method used to loop through elements in arrays.
// You can use this to change elements, read them, and edit them// Sum up a particular property, and calculate its average
const myArray = [{x:100}, {x:200}, {x:300}];
const sum = myArray.map(element => element.x).reduce((a, b) => a + b, 0);
console.log(sum); // 600 = 0 + 100 + 200 + 300
const average = sum / myArray.length;
console.log(average); // 200
var i = 0;
var dColor=[
{bgColor:"#7fbfca",h3Color:"#71af37"},
{bgColor:"#8857fb",h3Color:"#ffffff"},
{bgColor:"#1c3f97",h3Color:"#000"},
{bgColor:"#a52a2a",h3Color:"#bfeb20"}
];
button.addEventListener('click', () => {
i = i < dColor.length - 1 ? ++i : 0;
bgEl.style.backgroundColor = dColor[i].bgColor;
h3El.style.color = dColor[i].h3Color;
h3El.innerHTML = dColor[i].bgColor;
h2El.innerHTML = dColor[i].h3Color;
})