jQueryのeachメソッドでのbreakとcontinue【現役エンジニアが解説】

PROGRAM

今回は、jQueryのeachメソッドでのbreakとcontinueについて、簡単に解説していきます。

breakとcontinueとは

breakはループを完全に抜ける処理です。

continueはループのその回をスキップする処理です。

いずれもjQueryのeachメソッドでは使うことができません。

breakの代わり

eachメソッドではbreakの代わりが用意されています。

具体的には、return falseでbreakと同じ処理となります。

$('li').each(function(index, element){
  if (index > 3) {
    return false;
  }
  // ループ中での処理
})

上記のコードでは、li要素の繰返処理で4つ目以降のli要素には処理を行わないようにしています。

continueの代わり

eachメソッドではcontinueの代わりもあります。

continueの場合は、return trueで同じ処理を実現できます。

$('li').each(function(index, element){
  if (index == 0) {
    return true;
  }
  // ループ中での処理
})

上記のコードの例では、li要素の繰返処理で、1つ目のli要素を除いて、処理を行うようにしています。