HOME > > > > >

jQuery.grep(array, function(elementOfArray, indexInArray) [, invert])

引数

array Array
callback関数を実行したいArray
callback Function
arrayに実行する関数。第一引数にarrayの値、第二引数にインデックスを受け取る。
invert(option) Boolean
callback関数の処理の反転

戻り値

Array
arrayにcallback関数を実行した結果

callback関数内の実行結果がtrueなら新しい配列に追加、falseなら追加しない。 第三引数にtrueを渡すことでこの動作は逆になる。

サンプル

1から10までの中で偶数のものを新しい配列として生成。またその反転(奇数を新しい配列に)

実行結果


Javascript

  1. var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
  2.  
  3. $('.execute1').click(function(){
  4.     var new_arr1 = jQuery.grep(arr, function(val, key){
  5.         return val % 2 == 0;
  6.     });
  7.     alert(new_arr1);
  8. });
  9.  
  10. $('.execute2').click(function(){
  11.     var new_arr2 = jQuery.grep(arr, function(val, key){
  12.         return val % 2 == 0;
  13.     }, true);
  14.     alert(new_arr2);
  15. });

HTML

  1. <div class="jqTest">
  2.     <input type="button" value="execute1" class="execute1"/><br />
  3.     <input type="button" value="execute2" class="execute2"/>
  4. </div>