JavaScript几种常见循环遍历使用和区别

for (key in object) {
  // 对此对象属性中的每个键执行的代码
}
​
// 案例：拿到对象中的键
let user = {
  name: "千锋教育",
  age: 11,
  isAdmin: true
};
for (let key in user) {
  // keys
  alert( key );  // name, age, isAdmin
  // 属性键的值
  alert( user[key] ); // 千锋教育,11， true
}

let arr = ["千锋教育", "HTML5学科", "前端扛把子"];
for (let key of arr) {
  alert( arr[key] ); // 千锋教育,HTML5学科，前端扛把子
}

arr.forEach(function(item, index, array) {
  // ... 执行代码
});
​
// 案例：
let arr = [1, 2, 3, 4, 5];
arr.forEach(function (item) {
     console.log(item) // 1,2,3,4,5
});// undefined
// 没有返回值，本质上等同于 for 循环，对每一项执行 function 函数，不会改变原数组

Map是一组键值对的结构，具有极快的查找速度
let arr = ['HTML5', 'Java', 'python'];
let age = [100, 80, 90];
let res = new Map([['HTML5', 100], ['Java', 80], ['python', 90]]);
res.get('HTML5'); // 100
​
// Map常见的方法
let res = new Map(); // 空Map
res.set('勇哥', 18); // 添加新的key的value
res.has('勇哥'); // 是否存在key 
res.get('勇哥'); // 18
res.delete('勇哥'); // 删除key 
res.get('翔哥'); // undefined
​
// Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，没有重复的key
let set = new Set(["千锋教育", "HTML5", "11"]);
for (let value of set) alert(value);
​
// 与 forEach 相同：
set.forEach((value, valueAgain, set) => {
  alert(value);
});