今天寫帶程式碼的時候遇到一段程式碼，需要終止執行for，通過遍歷json資料實現判斷

<script>
var Tid="55555";
var jb51cp = [
{id:66666,Cpurl:"https://baidu.com"},
{id:55555,Cpurl:"https://www.jb51.net"}
];
  
  
for(var i = 0; i < jb51cp.length; i++){
    if(jb51cp[i].id==Tid){
    var thevalue=jb51cp[i].Cpurl;
    break;
        }
}
alert(thevalue);
</script>
 

通過上面的程式碼，完美解決了我的需求，但感覺效能不高，建議用switch函式，json方便批量輸出，通過for判斷會降低效能。注意檢視break的地方。

示例程式碼

var a = [1,2,3,4,5,6,7,8]; // 8個數
var b = [11,12,13,14,15,3,16,17]; //8個數
 
testFor();
console.log('555')
 
function testFor() {
 for(var k=0;k<a.length;k++){
 console.log('444');
 for(var i=0;i<a.length;i++){
  for(var j=0;j<b.length;j++){
  if( a[i]==b[j] ){
   return false;
  }
  console.log('111');
  }
  console.log('2222');
 }
 console.log('333');
 }
}
 
 
輸出:
// 1次444
// 8次111
// 1次222
// 8次111
// 1次222
// 5次111
// 1次555
//前端全棧學習交流圈：866109386
//面向1-3經驗年前端開發人員
//幫助突破技術瓶頸，提升思維能力
 

可見 return 會直接跳出多層迴圈,返回呼叫的方法外部
原因: js裡for是沒有區域性作用域的概念,方法才能一個區域性作用域
return將會跳出當前區域性作用繼續執行下面的方法

注意：

1.這裡for迴圈如果直接放在全域性作用域下執行而不被一個方法包裹，
將直接導致寫在for後的程式碼永遠不會被執行；

2.如遇到邏輯特別複雜多層迴圈的時候，會遇到一些迭代器之類的方法，
這種迭代器實現的不同,會出現另一種情況，即不會跳出任何迴圈，
迴圈仍然繼續，只是當前迴圈if後的程式碼不會被執行一次，下一次迴圈開始時,
仍然會執行if後的程式碼

如：

var cc = ‘xx’;
Object.keys(o).forEach(function(key) {
var val = o[key];
if(cc == key){
return false;
}
console.log(key);
});

此外還有

break;
continue;

語句
break 語句跳出迴圈後，會繼續執行該迴圈之後的程式碼 (退出迴圈)
continue continue 語句中斷迴圈中的迭代，如果出現了指定的條件，然後繼續迴圈中的下一個迭代。(跳過當前迭代,進入下次迭代)
這兩個語句可以指定label從而可以退出特定的迴圈
如

bbq:
for(var j=0;j<a.length;j++){
 ccc:
 for(var i =0;i<a.length;i++){
  if( i==5 ){
   break bbq; //直接跳出bbq外層迴圈
  }
 }
}
//前端全棧學習交流圈：866109386
//面向1-3經驗年前端開發人員
//幫助突破技術瓶頸，提升思維能力

或者:

function testFor() {
 bbq:
 for(var k=0;k<a.length;k++){
  console.log('444');
  ccc:
  for(var i=0;i<a.length;i++){
   ddd:
   for(var j=0;j<b.length;j++){
    if(j == 2){
     break;
    }
    console.log('j '+j);
   }
   console.log('i '+i);
  }
  console.log('k '+k);
 }
}
//前端全棧學習交流圈：866109386
//面向1-3經驗年前端開發人員
//幫助突破技術瓶頸，提升思維能力

// 只會每次迴圈j==2時退出ddd迴圈然後外面的迴圈都會繼續迴圈