SOURCE

//1. for 循环 :最常见
console.log('1.for 循环');
const arr = [1,2,3,4];
for(let i =0 ;i<arr.length;i++){
    console.log(arr[i]);
}


//2.for ... in 循环  循环对象属性
console.log('2. for ... in 循环');
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  console.log(key, obj[key]); // 输出属性名和属性值
}

for(var i in arr){ //如果是数组， 则循环的是元素的下标
 console.log(arr[i]);
}

//3 . for ... of 循环
console.log('3. for ... of 循环');
for (let value of arr) {
  console.log(value); // 输出数据元素
}

for (let value of arr) {
  console.log(value); // 输出对象属性值
}

// 4. forEach
arr.forEach((value, index, array) => {
  console.log(value, index, array); // 输出元素、元素索引和数组本身
});