「jQuery」return falseで繰り返し処理を途中で抜ける
環境
jquery 3.6.0
書式
$.each(配列名,function(引数1,引数2) {
if(条件式){
return false;
}
引数1:インデックス
引数2:要素
eachメソッドは、繰り返し処理の途中、return falseでループを抜けます。
JavaScriptのfor文のbreakにあたります。
使用例
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
//オブジェクトの定義
const cft = {
1:"東京",
2:"大阪",
3:"福岡",
}
//idx インデックス ele 要素
$.each(cft,function(idx,ele) {
if(ele==="大阪"){
//eachメソッドでeachメソッドのループ処理を抜ける
return false;
}
alert( idx + ": " + ele);
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
//オブジェクトの定義
const cft = {
1:"東京",
2:"大阪",
3:"福岡",
}
//idx インデックス ele 要素
$.each(cft,function(idx,ele) {
if(ele==="大阪"){
//eachメソッドでeachメソッドのループ処理を抜ける
return false;
}
alert( idx + ": " + ele);
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
//オブジェクトの定義
const cft = {
1:"東京",
2:"大阪",
3:"福岡",
}
//idx インデックス ele 要素
$.each(cft,function(idx,ele) {
if(ele==="大阪"){
//eachメソッドでeachメソッドのループ処理を抜ける
return false;
}
alert( idx + ": " + ele);
});
</script>
実行結果
1: 東京