配列のjQuery式foreach - アナログCPU：5108843109

覚えられないのでメモ

その他配列処理は以前に書いたやつ参照
jsで配列操作いろいろ - アナログCPU：5108843109

基本

var list = [
    {"id" : 1, "value" : 100},
    {"id" : 2, "value" : 200},
    {"id" : 3, "value" : 300},
];

$(list).each(function(index, element) {
    console.log(index, element.id, element.value);
});

単純なループです。console.logの中身は
　index：何番目の要素か。0始まり。
　element.id：配列内の「id」の中身
　element.value：配列内の「value」の中身
ということで結果はこんな感じ。

0 1 100
1 2 200
2 3 300

breakする

途中でループから抜けたい場合は「return false;」です。
なるほどね。

// （配列定義部分は省略：さっきと同じやつ）

$(list).each(function(index, element) {
    if (element.id == 2){
        return false;
    }
    console.log(index, element.id, element.value);
});

id が2のときに抜けているので結果はこんな感じ。

0 1 100

continueする

ループの中身の処理を途中から無視して次の周に行きたい場合は「return true;」です。
なんでやねん。

// （配列定義部分は省略：さっきと同じやつ）

$(list).each(function(index, element) {
    if (element.id == 2){
        return true;
    }
    console.log(index, element.id, element.value);
});

id が2のときに無視するので結果はこんな感じ。

0 1 100
2 3 300

参考文献

jQuery .each()のループから抜けたい。 - かもメモ