前言

今天来总结一下JS中循环方法的使用，以及如何跳出循环/遍历。

正文

跳出循环有四种方式

break 用来跳出循环.
continue 跳过当次循环，继续下一次的循环
return 跳出循环，并返回调用函数，之后的代码不在执行。
thorw Error() 用来跳出循环,之后的代码不在执行,需要配合try catch使用

for循环

 TestFor () {
      for (let i = 0; i < 5; i++) {
        console.log(i)
        if (i === 3) {
          break
        }
      }
      console.log('******')
      for (let i = 0; i < 5; i++) {
        if (i === 3) {
          continue
        }
        console.log(i)
      }
      console.log('******')
      for (let i = 0; i < 5; i++) {
        console.log(i)
        if (i === 3) {
          return
        }
      }
    },

结果如下

for in 循环

   TestForIn () {
      let arr = [1, 2, 3, 4, 5]
      for (let i in arr) {
        console.log(arr[i])
        if (arr[i] === 3) {
          break
        }
      }
      console.log('******')
      for (let i in arr) {
        if (arr[i] === 3) {
          continue
        }
        console.log(arr[i])
      }
      console.log('******')
      for (let i in arr) {
        console.log(arr[i])
        if (arr[i] === 3) {
          return
        }
      }
    },

结果如下

for of 循环

 TestForOf () {
      let arr = [1, 2, 3, 4, 5]
      for (let i of arr) {
        if (i === 3) {
          break
        }
        console.log(i)
      }
      console.log('******')
      for (let i of arr) {
        if (i === 3) {
          continue
        }
        console.log(i)
      }
      console.log('******')
      for (let i of arr) {
        console.log(i)
        if (i === 3) {
          return
        }
      }
    },

结果如下

while 循环

TestWhile () {
  let i = 1
    while (i < 6) {
      if (i === 3) {
        break
      }
      console.log(i)
      i++
    }
    console.log('******')
    let j = 1
    while (j < 6) {
      if (j === 3) {
        j++
        continue
      }
      console.log(j)
      j++
    }
    console.log('******')
    while (i < 6) {
      if (i === 3) {
        return
      }
      console.log(i)
      i++
    }
  },

结果如下

do while 循环

  TestDoWhile () {
      let i = 1
      do {
        if (i === 3) {
          break
        }
        console.log(i)
        i++
      }
      while (i < 6)
      console.log('*****')
      let j = 0
      do {
        if (j === 3) {
          j++
          continue
        }
        console.log(j)
        j++
      }
      while (j < 6)
      console.log('*****')
      let m = 1
      do {
        if (m === 3) {
          return
        }
        console.log(m)
        m++
      }
      while (m < 6)
    },

结果如下

foreach 遍历

  TestForEach () {
      var arr = [1, 2, 3, 4, 5]
      arr.forEach(i => {
        console.log(i)
      })
    }

结果如下。

在 forEach中，无法使用break，continue来跳出遍历。原因如下，

因为foreach是异步执行，可能在break之前代码就已经执行完了，那么如何在foreach中跳出遍历呢，看如下代码。

TestForEach () {
      var arr = [1, 2, 3, 4, 5]
      try {
        arr.forEach(i => {
          if (i === 3) {
            throw Error()
          }
          console.log(i)
        })
      } catch (error) {
        console.log(error)
      }
    }

结果如下

在forEach中，无法用break等函数在遍历结束之前结束遍历，如果要提前终止，必须把forEach（）方法放在一个try块中，并能抛出一个异常。如果forEach（）调用的函数抛出foreach.break异常，循环会提前终止。
想跳出循环可以使用every 和 some方法

map 遍历

  TestMap () {
      let arr = [1, 2, 3, 4, 5]
      arr.map(i => {
        console.log(i)
      })
    }

结果如下

map和forEach一样无法通过break跳出循环。

every 遍历

 TestEvery () {
	 let arr = [1, 2, 3, 4, 5]
	   arr.every(i => {
	     console.log(i)
	     return true
	   })
	   console.log('*****')
	   arr.every(i => {
	     console.log(i)
	     if (i === 3) {
	       return false
	     } else {
	       return true
	     }
	   })
	 },

结果如下

every可以通过return的返回bool值，控制是否继续遍历。

some 遍历

  TestSome () {
      let arr = [1, 2, 3, 4, 5]
      arr.some(i => {
        console.log(i)
      })
      console.log('*****')
      arr.some(i => {
        console.log(i)
        if (i === 3) {
          return true
        }
      })
    }

结果如下

some 可以通过控制return true来结束遍历。

用数据做判断：布尔值

两个数值做比较
在while循环之前，我们学过if…elif…else语句，这其中也涉及到用数据做判断。

print(3<6)
print(3>6)
print('北京'=='北京')  
print('北京'=='首都')

print() 语句中的计算就是【布尔计算】，终端上要么显示True，要么显示False。

while False:
    print('我是Fasle,打印不出来')

因为while循环执行，必须要while后的条件为“真“，而【布尔值】False本身就为假，所以这个循环一次都不会执行。

while 3>6:
    print('我是Fasle,打印不出来')

import time
while 3<6:
    time.sleep(1)
    print('打印出来')

你会发现，终端里会一直打印
两个数值做比较
用两个数值做比较的【布尔运算】，主要包含以下情况：
再区分一次"=“表示赋值，”=="才表示相等。
直接用数值做运算
点击运行后，鼠标点击终端区域，按【Ctrl+C】来强制结束运行，报错后跳过本题

import time
while 1:
    time.sleep(1)
    print('首都')

假的是有限的，那么除了假的，就都是真的。请看下图：

if '开心':
    print('北京')
if 0:
    print('首都')

if ‘开心‘,条件为真，会执行print(‘北京’); if 0条件为假，不执行print(‘首都’)
bool()函数，bool()函数用来判断一个数据为真还是为假。有点和type()相似吧。

# 请阅读代码后再直接运行


print('以下数据判断结果都是【真】：')
print(bool(True))
print(bool(10))
print(bool('xyz'))

print('以下数据判断结果都是【假】：')
print(bool(False))
print(bool(0))
print(bool(''))
print(bool(None))

布尔值之间的运算
你会接触到and、or、not、in、not in五种运算。

# 请先阅读代码，然后直接运行
a = 5
b = -5

print('以下是and运算')
if a==5 and b==5:    # 【b实际上是-5】
    print('True')
else:
    print('False')

print('以下是or运算')
if a==5 or b==5:  # 【b实际上是-5】
    print('True')
else:
    print('False')

x=6
y=-5
z=0
q=10
if x<y and z<q:
    print('True')
else:
    print('False')

# 请先阅读代码，然后直接运行
list = [1,2,3,4]

a = 1
b = 10
c = 0
print(bool(a in list))
print(bool(b in list))
print(bool(c in list))

四种新语句

break语句
break语句的意思就是“打破”，在Python江湖中用来结束循环的。

# 请先阅读代码，然后直接运行
for i in range(1,10):
    if(i>5):
        break
    print(i)

x = 0
while x<10:
    if(x>4):
        break
    x=x+1
    print(x)

你会发现，本来for循环与while循环是可以从1打印到9的，结果由于break, 只能从1打印到5，这就是break的作用。在循环内使用，用来结束循环。
注意好缩进
continue语句
continue的意思是“继续”。这个语句也是在循环内部使用的。当某个条件被满足的时候，触发continue语句，结束本次循环, 从下一次循环继续执行。

# 请先阅读代码，然后直接运行
for i in range(1,11):
    if i==5:
        continue
    print(i)

x = 0
while x<10:
    x=x+1
    if x==5:
        continue
    else:   
        print(x)

运行结束后，你会发现，两个循环中，都没有打印数字【5】，但是和break不同的是，数字【5】之后的内容都打印出来了。这就是continue,它只能跳过本次的循环，但是这次之后的循环仍然会执行。
pass语句
pass很常见，就是我们理解的“跳过”。

# 请先阅读代码，然后直接运行
age = int(input('请输入你的年龄:'))
if age >= 18:
    pass
else:
    print('你未成年，不得进入网吧')

当age>=18的时候，跳过，什么都不做。其他情况age<18的时候，执行 print(‘你未成年，不得进入网吧’)语句。
pass语句就是占据一个位置“什么都不做”，满足我的条件，就跳过。
else语句
else语句不仅能够在if语句中使用，还能够和循环搭配使用。

for i in range(3):
    num = int(input('请输入0结束循环，你有3次机会:'))
    if num == 0:
        print('你触发了break语句，导致else语句不会生效。')    
        break
else:
	print('3次循环你都错过了，else语句生效了。')

以上代码，你可以做两种尝试：1、连续3次不输入0； 2、输入一次0跳出循环，完成一种尝试后，你可以点击【重做】按钮，再来一次尝试。

for i in range(3):
    num = int(input('请输入0结束循环，你有3次机会:'))
    if num == 0:
        print('你触发了break语句，导致else语句不会生效。')    
        break
else:
	print('3次循环你都错过了，else语句生效了。')

一句话总结，当循环中没有碰到break语句，就会执行循环后面的else语句，否则就不会执行。

# 请先阅读代码，然后直接运行
num=0
while num<3:
    n = int(input('请输入0结束循环，你有3次机会:'))
    if n == 0:
        print('你触发了break语句，导致else语句不会生效。')    
        break
    num+=1
else:
    print('3次循环你都错过了，else语句生效了。')

break、continue、pass、else都是和循环搭配使用的，也能够跳出循环。