循环遍历的区别

╰+攻爆jí腚メ 2022-11-20 08:02 253阅读 0赞

## 循环遍历的区别 ##

### forEach ###

直接循环数组，没有返回值

##### 如何结束循环： #####

是结束**本次循环**是可以使用**return**，但是结束**全部循环**return无效，  
原因：好像是因为forEach不管符不符合都会走完所有的循环，所以return结束本次循环后，会继续其他的循环，只是我的通俗理解  
解决：

1. 抛出错误，中断循环
    var BreakException = { };
    try { 
      [1, 2, 3].forEach(function(el) { 
        console.log(el);
        if (el === 2) throw BreakException;
      });
    } catch (e) { 
      if (e !== BreakException) throw e;
    }

2. 使用[Array#some]
    some() 为数组中的每一个元素执行一次 callback 函数，
    直到找到一个使得 callback 返回一个“真值”（即可转换为布尔值 true 的值）。
    如果找到了这样一个值，some() 将会立即返回 true。
    
    [1, 2, 3].some(function(el) { 
      console.log(el);
      return el === 2;
    });

### for ###

循环数组，对数组的每一项进行加工，并返回一个新的数组

### filter ###

循环并过滤数组，得到想要的内容

let arr = [1,2,3,4,5,6,7,8,9];
    arr.filter((item,index)=>{ 
    	if(item % 2 == 0){    //偶数
    		return true           //返回true（留下偶数）
    	}else{                 //奇数
    		return false           //返回false（去除奇数）
    })

### reduce ###

对数组进行整合，将数组中每一项通过加工成一个值

let arr = [1,2,3,4,5,6,7,8,9];
    arr.reduce((pre,next,index)=>{ 
    	return pre + next;         //数组相加得45
    },0)      //0为初始值

### for…in ###

用于遍历对象，不适用于数组

let obj = { 
    	name:"neinei",
    	age:10
    }
    for(let key in obj){ }

### for…of ###

遍历数组、数组对象、字符串等

const iterable = ['mini', 'mani', 'mo'];
    for (const value of iterable) { 
      console.log(value);
    }