勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

jQueryでループを抜けようと(breakしようと)するとエラーになる際の対応方法

   2025/03/19  jQuery JavaScript

jQueryでループを抜けようと(breakしようと)すると「Uncaught SyntaxError: unlabeled break must be inside loop or switch」というエラーメッセージが出力された。どうもbreakでは抜けられないっぽい。以下に対応方法をメモ。

 

対応方法

ソースコード

const array = [1, 2, 3, 4, 5];
$.each(array, function(index, value){
    //これだとエラー
    if( value === 3 ){
        break;
    }

    //これだとOK
    if( value === 3 ){
        return false;
    }
});

スキップ(continue)させたい場合

ループをスキップ(continue)させたい場合は「return true;」になる。

 

参考サイト

https://stackoverflow.com/questions/16397002/is-this-break-statement-valid-in-jquery-javascript

 - jQuery JavaScript

  関連記事

formのtextareaに文字を入力した内容をリアルタイムプレビューする方法
formのtextareaに文字を入力した内容をリアルタイムプレビューする方法

textarea内に書いた内容をリアルタイムでプレビューする機能が必要になった。 ...

jQueryにて指定した要素を検索条件から除外するnot()の利用方法
jQueryにて指定した要素を検索条件から除外するnot()の利用方法

あるソースコードを拝見しているとjQueryでnot()という使ったことの無いメ ...

jQueryからAjax経由でPHPにリクエストしCookieを操作する方法
jQueryからAjax経由でPHPにリクエストしCookieを操作する方法

先日PHPでCookie保存時にHttpOnly / Secure属性を設定する ...

jQueryとCSSで指定したテキストに対してラインマーカーを引く方法
jQueryとCSSで指定したテキストに対してラインマーカーを引く方法

サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...

Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法
Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法

サイトの特定の要素内の文字数が〇文字以上の場合に「コンテンツコンテ……」のように ...