【jQuery】jQuery.grep を使ってみる

Tweet

Category JavaScript / Tagged jQuery 2012/04/24

$.grep(配列, 判定用関数) を使うと、配列の中から判定用関数がtrueを返したものだけを取り出すことができます。

使用例１

3の倍数だけを取り出す。

var a = [78, 96, 32, 3, 45, 7, 77, 88];
var b = $.grep(a, function(e){ return !(e%3); });
alert(b);

判定用関数の戻り値の扱いを、第3引数で反転させることができるので、以下でもよい。

var a = [78, 96, 32, 3, 45, 7, 77, 88];
var b = $.grep(a, function(e){ return e%3; }, true);
alert(b);

使用例２

空白の要素を除去する（下の例だと、文字列でない数字の0なども除去されますが）。

var a = ["Aさん", "Bちゃん", "", "C君", "0", "D氏", 0];
var b = $.grep(a, function(e){ return e; });
alert(b);

使用例３

配列からランダム個取り出す。

var a = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"];
var b = $.grep(a, function(e){ return (Math.random() > 0.5); });
alert(b);