js循环和终止条件

js的数组遍历常用的方法有两种，一种是最普通的for循环，另一种是数组原型中的forEach函数，其他方法还有for in和for of。

被break终止的循环会跳到上一层接着执行后面的逻辑

            const array = [0,1,2,3,4,5,6,7,8,9];
			for(let i = 0; i < 10; i++){
				console.warn("return",i);
				if(array[i]==5){
					break;
				}
			}
             
            (function(){ /* 循环终止之后会执行的代码*/ })();

 被return终止的循环会导致整个逻辑终止

            const array = [0,1,2,3,4,5,6,7,8,9];
			for(let i = 0; i < 10; i++){
				console.warn("break",i);
				if(array[i]==5){
					return;
				}
			}
            
            (function(){ /* 循环终止之后不会执行的代码*/ })();

在forEach中使用break会报错，Uncaught SyntaxError: Illegal break statement

            [0,1,2,3,4,5,6,7,8,9].forEach(
                (obj)=>{
                    console.warn("break",obj);
                    if(obj==5){
                        break;
                    }
                }
            )

 在forEach中使用return无效，箭头函数被执行了10次

            [0,1,2,3,4,5,6,7,8,9].forEach(
                (obj)=>{
                    console.warn("return", obj);
                    if(obj==5){
                        return;
                    }
                }
            )

另外做一个小实验，如果一边遍历数组，一边改变他的长度会咋样，首先使用for循环

var array = [666, '溜溜溜', 'six six six']

for(let i=0; i < array.length; i++){
    array.push('666')
    console.log('会打印几次呢')
}

我的edge直接无响应了，日志打印了无数次，在for循环中每次length都会重复读取，你加我也加，所以下标i永远追不上length

var array = [666, '溜溜溜', 'six six six']

array.forEach(obj => {
    array.push('666')
    console.log('会打印几次呢')
})

然而在forEach中只会输出3次，说明forEach只读取初次的length，事实是否如此呢

var array = [666, '溜溜溜', 'six six six']

for(let i=0; i < array.length; i++){
    array.splice(i,1)
    console.log('会打印几次呢')
}

var array = [666, '溜溜溜', 'six six six']

array.forEach((obj,i) => {
    array.splice(i,1)
    console.log('会打印几次呢')
})

这两段迭代的执行次数都是2，所以只有push函数在for和forEach有差别 

普通for循环的用法相对灵活，结合控制流功能强大，但是写法繁琐，forEach写法比较简单，但是功能也相对简单，各有优劣