《初心者必見》JavaScriptのfilter関数の使い方を解説

JavaScript

filter関数

filter関数の基本

filter関数は指定した条件を満たす配列内の要素のみを取り出すことができる関数です。なので配列内の要素で不要なものを削除したい取って場面で使用します。filter関数は以下のように定義されています。

filter関数を使ってみる

では実際にfliter関数を使ってみましょう。numsに含まれる要素の中で6以上の値を取り出すプログラムです。

fliter内の引数に関数の処理を書くと読みづらいので、コールバック関数を別に定義して、以下のようにも書くことができます。

第2引数にthatを与えるとthisで参照できるようになるので確認してみましょう。ちなみにこのthatの型はobejectでなくてはいけません。

あれ、hogeThatをthisで参照することができない。関数リテラルかつアロー関数で定義した場合はthisは全体のthisを指してしまうのでしょうか?以下のように書き換えたらthatを参照することができました。

考察ですが、関数リテラルを使う場合、一旦関数を定義した後にgetNumOver6プロパティに格納しているため、thisが全体のthisを指したままgetNumOver6プロパティに格納されているのいるので、filter関数から関数内のthisを上書きできなかったのではないかと考えています。

番外編:働くエンジニアにおすすめアイテム3撰

記事の内容とは別に、日々エンジニアの業務を行う上で役に立っているアイテムを紹介します。どれも実際に使って良いと思ったものだけ紹介していますのでその点はご安心ください。

目の保温マッサージ

毎日使っている目の保温マッサージ機です。使うと翌日の疲労感が全く違います。1日中PCと睨めっこの人は今すぐ購入することを強くお勧めします。

座っている時の負担を減らす

このサポート座布団を購入してからデスクワークの疲労が激減しました。価格も安く購入しやすいのでコスパ最強です。現在職場でも愛用しています。

自宅での作業効率をあげる椅子

ゲーミングチェアを購入して、自宅での作業効率が最大化しました。座った途端集中モードに入ります。家で作業する人は絶対に買っておきたいアイテムです。

エンジニアの基礎知識・教養

別の記事でエンジニアとして知っておくべき技術本についてまとめました。スキルの高いエンジニアは極々当たり前にしっている知識だとおもいますが、そうでない方はエンジニアとして最低限知らないとまずい知識ですのでどこかで購入し、読むことをお勧めします。

筆者
筆者

今回の記事の内容は以上で終了です。最後まで読んでくれてありがとうございます。また技術、経済、株式投資などのことを Twitter でも呟いていますので良かったらフォローよろしくお願いします。

タイトルとURLをコピーしました