js 各种循环

1、数组的map()方法

数组的map()会返回一个新的数组，主要是 数组的转化函数。map()接受一个函数作为参数
map() 和 forEach()方法一样，都不能够提前跳出循环
MDN详细参数

var array1 = [1, 4, 9, 16];
const map1 = array1.map(x => x * 2);
// expected output: Array [2, 8, 18, 32]

2、forEach()

forEach() 不返回新数组，其他的都和 map方法一样，也是不能跳出循环，所以不好用

3、for...in 语句

比较适合用来循环一个对象，

let city = {
    name:'chengdu',
    year:3000
}
for(let key in city){
    console.log(key)          //name,year
    console.log(city[key])    //'chengdu',3000
}

4、for...of 循环

作为遍历所有数据结构的统一的方法。比较适合 数组，set，map数据结构

const arr = ['red', 'green', 'blue'];

for(let v of arr) {
  console.log(v); // red green blue
}

5、Object.keys(obj)

返回一个对象的可枚举属性的数组

let city = {
    name:'chengdu',
    year:3000
}
console.table(Object.keys(city))   //["name","year"]