for循環(huán)

1. 使用break,可以中斷循環(huán)

let arr = [1,2,3,4,5,6,7,8,9]
for(let i = 0; i< arr.length; i++){
  if(i === 5){
    break;
  }
  console.log(arr[i])
}

for循環(huán)使用break.PNG

2. 使用continue，循環(huán)可以繼續(xù)

let arr = [1,2,3,4,5,6,7,8,9]
for(let i = 0; i< arr.length; i++){
  if(i === 5){
    continue;
  }
  console.log(arr[i])
}

for循環(huán)使用continue.PNG

3. 使用return，會報錯

let arr = [1,2,3,4,5,6,7,8,9]
for(let i = 0; i< arr.length; i++){
  if(i === 5){
    return;
  }
  console.log(arr[i])
}

for循環(huán)使用return.PNG

for...in 循環(huán)

1. 使用break,可以跳出循環(huán)

let arr = [1,2,3,4,5,6,7,8,9]
for(let i in arr){
  if(i == 5){
    break;
  }
  console.log(arr[i])
}

for..in循環(huán)使用break.PNG

2. 使用continue

let arr = [1,2,3,4,5,6,7,8,9]
for(let i in arr){
  if(i == 5){
    continue;
  }
  console.log(arr[i])
}

for...in使用continue繼續(xù)循環(huán).PNG

3. 使用return，報錯

let arr = [1,2,3,4,5,6,7,8,9]
for(let i in arr){
  if(i == 5){
    return;
  }
  console.log(arr[i])
}

for...in使用return報錯.PNG

for...of循環(huán)

1. 使用break，

let arr = [1,2,3,4,5,6,7,8,9]
for(let item of arr){
  if(item == 5){
    break;
  }
  console.log(item)
}

1.PNG

2. 使用continue,會跳出當前循環(huán)繼續(xù)循環(huán)

let arr = [1,2,3,4,5,6,7,8,9]
for(let item of arr){
  if(item === 5){
   continue;
  }
  console.log(item)
}

2.PNG

3. return ,報錯

let arr = [1,2,3,4,5,6,7,8,9]
for(let item of arr){
  if(item == 5){
    return;
  }
  console.log(item)
}

image.png

forEach

1. 使用break，報錯

let arr = [1,2,3,4,5,6,7,8,9]
arr.forEach((item) => {
  if(5 === item){
    break;
  }
  console.log(item)
})

forEach使用break.PNG

2. 使用continue，報錯

let arr = [1,2,3,4,5,6,7,8,9]
arr.forEach((item) => {
  if(5 === item){
    continue;
  }
  console.log(item)
})

forEach使用continue.PNG

3. 使用return會跳出當前循環(huán)，但不會終止循環(huán)

let arr = [1,2,3,4,5,6,7,8,9]
arr.forEach((item) => {
  if(5 === item){
    return;
  }
  console.log(item)
})

image.png

filter

1. 使用break，報錯

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.filter((item) => {
  if(5 === item){
    break;
  }
  return item
})
console.log(result)

filter使用break.PNG

2. 使用continue，報錯

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.filter((item) => {
  if(5 === item){
    continue;
  }
  return item
})
console.log(result)

filter使用continue.PNG

3. 使用break，會跳出當前循環(huán)，繼續(xù)

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.filter((item) => {
  if(5 === item){
    return;
  }
  return item
})
console.log(result)

filter使用return.PNG

map

1. 使用break，報錯

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.map((item) => {
  if(5 === item){
    break;
  }
  return item
})
console.log(result)

map使用break.PNG

2. 使用continue，報錯

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.map((item) => {
  if(5 === item){
    continue;
  }
  return item
})
console.log(result)

map使用continue.PNG

3. 使用return，不會報錯

let arr = [1,2,3,4,5,6,7,8,9]
let result = []
result = arr.map((item) => {
  if(5 === item){
    return;
  }
  return item
})
console.log(result)

map使用return.PNG