Javascript / GAS | mapとfilterメソッドの使い方

結論：

mapは、配列から配列を作る。

filterは、配列から、条件に合致する要素をとりだして配列を作る。

どちらもコールバック関数を引数にとるメソッドである。

mapはある配列から要素を取り出し、新しい配列を作るメソッド。

　let 新しい配列名 = 配列 . map ( function ( value, index , array){ return 新しい配列に追加したい値 ; })

= [
{: ,:28},
{: ,:15},
{: ,:13}
] 

=.((){
    .;
})

.();

上の内容をアロー関数で表すと以下のようになる

=.(() => { .});

=.( =>.);

filterと違って、取り出すときに全ての要素を取り出すため、一部の値だけが欲しいという処理には向かない。

 =.(() => {
     (. >= 20)
      }
  );

  .();

filterは、配列から、条件にが地位する要素のみを残した配列をつくるメソッド。

　let 新しい配列名 = 配列 . filter(( value , index, array) => { return 真偽値;}

先ほどmapではできなかった、ageが20歳以上のオブジェクトの取り出しをfilterで再度行ってみる。

 =.(() => {
     (. >= 20)
      }
  );
  
    .();


  =.((,,) => {
    . < 20;
  })
  =.( => {
    . < 20;
  })
  =.( =>. < 20)

  =.();
  =.( =>. < 60)
    .( => `${.`)
    .();
  .();
}

複雑な処理をまとめてかけるfilter / map は便利。

コールバック関数を引数にとるメソッドの中でもよく使うもの。

Cloud Tree

Cloud Treeは中小企業向けDX・システム制作会社です。

中小企業DXツールであり、コストパフォーマンスが高いZohoを当社でも採用しております。

システムづくり、業務効率化、Zohoにご興味をお持ちの方は、問い合わせボタンまたはメニューよりお声がけください。

執筆者　佐伯　翔子

CloudTree所属

Zoho導入パートナー、webデザイナー、GASシステムアプリ制作

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

　現場の役に立つシステムを作る

　DX導入の負担を減らす

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿