for 循环、for...in、for...of、forEach 和 map 区别

for 循环：多次遍历代码块或者数组

 

for(let i = 0; i < arr.length; i++) {

}

for...in 语句循环遍历对象的属性

ps：不要使用 for/in 语句来循环数组的索引，你可以使用 for 语句替代。

    var data = {
      name: '科比',
      sex: '男',
    }
    if(typeof data == 'object') {
        var str = '';
        for(var key in data) {
          str += key + '=' + data[key] + '&';
          console.log(key + data[key]);
        }
        console.log(str)
      }

for...of：遍历可迭代对象的值，数组，Map，Set，String，arguments，但是不可迭代对象。

原因：对象缺少一个 iterator 方法，所以不可迭代，可以通过symbol.iterator 对象进行访问此属性，来判断对象是否有此方法

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

forEach 并不改变原数组

array.forEach(callbackFn(currentValue, index, arr){
    arr[index] = currentValue * 2;
}, thisValue)

如何跳出循环：无法通过 break 和 continue 跳出，只能通过 try...catch 和 throw Error() 跳出循环

try{
    arr.forEach(function(curItem,i){
        throw Error();
    })
}catch(e){
    console.log(e)
}

map:数组的方法。

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

array.map(function(currentValue,index,arr){
        return currentValue * 2
}, thisValue)

总结：

	for	for...in	for...of	forEach	map
对象	代码块，数组	对象	可迭代对象（数组，Map，Set，String，arguments）,除了对象	数组	数组