HOME > > > >

filter

_.filter(list, iterator, [context]) Alias: select

list
array|object
iterator
function
[context]
??

iteratorの条件式で真になるlistの要素を配列にして返す。 find()がlist内で見つかった最初の要素のみを返すのに対してfilter()は見つかったものを全て1つの配列として返す。

iteratorの条件式で真になるlistの一番最初の要素を返す。

サンプル

実行結果

実行 削除

Javascript

  1. debug1 = new Debug('#code1-dump');
  2. $('span#code1-execute').on('click', function(e){
  3.     var even = _.filter(
  4.         [1, 2, 3, 4, 5, 6],
  5.         function(value){
  6.             return value % 2 == 0;
  7.         }
  8.     );
  9.  
  10.     debug1.dump(even);
  11. });
  12.  
  13. $('span#code1-console-clear').on('click', function(e){
  14.     debug1.clear();
  15. });
  16.  

HTML

  1. <span class="cq-btn m-success" id="code1-execute">実行</span>
  2. <span class="cq-btn m-danger" id="code1-console-clear">削除</span>
  3. <div id="code1-dump"></div>

みつからない場合は空の配列が返る。

サンプル

実行結果

実行 削除

Javascript

  1. debug2 = new Debug('#code2-dump');
  2. $('span#code2-execute').on('click', function(e){
  3.     var even = _.filter(
  4.         [1, 3, 5, 7, 9],
  5.         function(value){
  6.             return value % 2 == 0;
  7.         }
  8.     );
  9.  
  10.     debug2.dump(even);
  11. });
  12.  
  13. $('span#code2-console-clear').on('click', function(e){
  14.     debug2.clear();
  15. });

HTML

  1. <span class="cq-btn m-success" id="code2-execute">実行</span>
  2. <span class="cq-btn m-danger" id="code2-console-clear">削除</span>
  3. <div id="code2-dump"></div>
参照サイト