JavaScript中break、continue和return的用法區(qū)別實(shí)例分析

更新時(shí)間：2020年03月02日 11:01:52 作者：葉落森

這篇文章主要介紹了JavaScript中break、continue和return的用法區(qū)別,結(jié)合實(shí)例形式詳細(xì)對(duì)比分析了JavaScript中break、continue和return的基本功能、使用方法、區(qū)別與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript中break、continue和return的用法區(qū)別。分享給大家供大家參考，具體如下：

break 停止了這個(gè)for循環(huán)，跳出循環(huán)來繼續(xù)執(zhí)行fn函數(shù)里之后的語句

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 只是停止了當(dāng)前循環(huán)，繼續(xù)執(zhí)行后面的循環(huán)，當(dāng)循環(huán)執(zhí)行完繼續(xù)執(zhí)行fn函數(shù)里之后的語句

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 停止了這個(gè)for循環(huán)，跳出循環(huán)并且停止執(zhí)行fn函數(shù)里后邊的語句

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

注：

如果這樣寫，沒有fn函數(shù)會(huì)報(bào)以下錯(cuò)誤

查看了js的手冊(cè)后發(fā)現(xiàn)，在js中return 語句只能放在function中，如果不是在一個(gè)function中彈出如上錯(cuò)誤。

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

forEach中無法 break 和 continue，會(huì)報(bào)以下錯(cuò)誤。

使用return也不能跳出整個(gè)循環(huán)：

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

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript中判斷對(duì)象是否為空的方法小結(jié)
在JavaScript中,判斷一個(gè)對(duì)象是否為空可以有多種方法,這篇文章主要為大家詳細(xì)介紹了幾種常見的方法,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-03-03
第一次動(dòng)手實(shí)現(xiàn)bootstrap table分頁效果
這篇文章主要為大家詳細(xì)介紹了第一次動(dòng)手實(shí)現(xiàn)bootstrap table分頁效果的相關(guān)代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
一張Web前端的思維導(dǎo)圖分享
這篇文章主要介紹了一張Web前端的思維導(dǎo)圖分享,本文直接給出思維導(dǎo)圖,圖中詳細(xì)描述了一些需要學(xué)習(xí)的知識(shí)、一些必備的知識(shí),需要的朋友可以參考下
2015-07-07
淺談js的解析順序作用域嚴(yán)格模式
下面小編就為大家?guī)硪黄獪\談js的解析順序作用域嚴(yán)格模式。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-10-10
JS 中 reduce()方法使用小結(jié)
reduce是一個(gè)對(duì)數(shù)組累積操作的方法,使用時(shí)要加上 return 返回累積操作的數(shù)據(jù),這樣 prev 才能獲取上一次執(zhí)行的結(jié)果,否則是 undefined,這篇文章主要介紹了JS 中 reduce()方法及使用詳解,需要的朋友可以參考下
2023-12-12
JavaScript中字符串的常用方法總結(jié)
這篇文章主要為大家總結(jié)了一些JavaScript中字符串的常用方法，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)JavaScript有一定的幫助，需要的可以參考一下
2022-12-12
ko knockoutjs動(dòng)態(tài)屬性綁定技巧應(yīng)用
ko的動(dòng)態(tài)屬性是指，ViewModel不確定的屬性，而后期卻需要的屬性,本文將詳細(xì)介紹，需要的朋友參考下
2012-11-11
JavaScript稀疏數(shù)組與孔hole示例詳解
這篇文章主要為大家介紹了JavaScript稀疏數(shù)組與孔hole示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-06-06
c#程序員對(duì)TypeScript的認(rèn)識(shí)過程
本文向大家詳細(xì)展示了從C#程序員的視角學(xué)習(xí)TypeScript的過程，主要是針對(duì)這兩種語言的異同進(jìn)行了簡(jiǎn)單的對(duì)比學(xué)習(xí)，希望對(duì)大家能夠有所幫助。
2015-06-06
javascript的currying函數(shù)介紹
curring的概念將函數(shù)式編程的概念和默認(rèn)參數(shù)以及可變參數(shù)結(jié)合在一起.一個(gè)帶n個(gè)參數(shù),curried的函數(shù)固化第一個(gè)參數(shù)為固定參數(shù),并返回另一個(gè)帶n-1個(gè)參數(shù)的函數(shù)對(duì)象,分別類似于LISP的原始函數(shù)car和cdr的行為。currying能泛化為偏函數(shù)應(yīng)用（partial function application, PFA）,p 這種函數(shù)將任意數(shù)量（順序）的參數(shù)的函數(shù)轉(zhuǎn)化為另一個(gè)帶剩余參數(shù)的函數(shù)對(duì)象
2012-02-02