1. 程式人生 > 程式設計 >JavaScript中break、continue和return的用法區別例項分析

JavaScript中break、continue和return的用法區別例項分析

本文例項講述了JavaScript中break、continue和return的用法區別。分享給大家供大家參考,具體如下:

break 停止了這個for迴圈,跳出迴圈來繼續執行fn函式裡之後的語句

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      break;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2 ha

continue 只是停止了當前迴圈,繼續執行後面的迴圈,當迴圈執行完繼續執行fn函式裡之後的語句

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      continue;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2 4 ha

return 停止了這個for迴圈,跳出迴圈並且停止執行fn函式裡後邊的語句

function fn() {
  for(var i = 0; i < 5; i++) {
    if(i == 3) {
      return;
    }
    console.log(i);
  }
  console.log("ha")
}
fn();//0 1 2

注:

如果這樣寫,沒有fn函式會報以下錯誤

查看了js的手冊後發現,在js中return 語句只能放在function中,如果不是在一個function中彈出如上錯誤。

for(var i = 0; i < 5; i++) {
    if(i == 3) {
      return;
    }
    console.log(i);
  }

JavaScript中break、continue和return的用法區別例項分析

forEach中無法 break 和 continue,會報以下錯誤。

JavaScript中break、continue和return的用法區別例項分析

JavaScript中break、continue和return的用法區別例項分析

使用return也不能跳出整個迴圈:

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

JavaScript中break、continue和return的用法區別例項分析

感興趣的朋友可以使用線上HTML/CSS/JavaScript程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容可檢視本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查詢演算法技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript錯誤與除錯技巧總結》

希望本文所述對大家JavaScript程式設計有所幫助。