アナログCPU:5108843109

ゲームと音楽とプログラミング(酒と女とロックンロールのノリで)

('ω') < イザユケエンジニャー

配列のjQuery式foreach

覚えられないのでメモ

その他配列処理は以前に書いたやつ参照
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