【JavaScript】高階関数 – 関数を引数、戻り値として扱う関数

JavaScript
スポンサーリンク

初心者の独学でのプログラミング学習はとてもツライ…

プログラミングをマスターしたい!

今のIT業界はプログラミングエンジニアが不足していると言われています。
高収入の職業とも言われる分野もありますし、AI、機械学習、ディープラーニング、IOTといった注目される分野が目白押しです。

でも、いざ初心者がプログラミングをマスターしようとすると…

  • 本を読んだりネットの記事で自力で勉強しているけど限界を感じる
  • プログラミングスクールに定期的に通うのは面倒だ
  • 地方に住んでると家の近くにプログラミングスクールなんてない
  • どのプログラミング言語を学べばいいのか悩む
  • 実際の就職や転職にプログラミングが活かせるのか心配だ

など、プログラミングを自分で勉強しようとすると悩みが尽きません。

プログラミングに詳しい友人に教えてもらおうと思っても、そんな友人なんて滅多にいません。いたとしても細かく教えてくれるほど時間に余裕がある人はいないでしょう。

そんな独学でプログラミングをマスターするのに限界を感じてる方に、オンラインプログラミングスクールをがおすすめです。

おすすめのオンラインスクールはこちら

JavaScriptの関数はオブジェクト型のインスタンスです。関数は他のオブジェクトと同じように振る舞います。変数として関数を格納することもできますし、関数を別の関数への引数として渡すこともできます。 返り値として関数を返すこともできます。

ここでは、関数を引数、戻り値として扱う関数の高階関数を見ていくことにします。

スポンサーリンク

高階関数の基本的な操作

先ほども触れましたが、「関数を引数、戻り値として扱う関数」を高階関数と呼びます。

ここでは高階関数を使った基本的なコードを扱います。

各種の計算をまとめた巨大なまとまった関数を作って結果を得ることもできますが、良いやり方とは言えません。それぞれの各種計算を行う関数を作って、それらの結果を渡して最終的に利用する関数を作ります。

ここでは配列データと用意して、それを使って計算をする関数を作ります。

次のようにコードを書いてみます。

まず、yearsという配列を用意しています。5つの西暦の年を入れています。

配列を計算する関数としてarrayCalc()を定義しています。引数に配列(arr)と関数(fn)をとります。処理としては、空の配列arrResを用意して、これに処理したデータを入れていくことになりますが、それは、for文を使って、0から配列の長さ(arr,length)まで1づつ増やしてループします。関数に配列を利用した計算結果をpush()を使って、arrResに追加していき、最終的にreturnでarrResを返す関数になっています。

ここで引数としてfnと言う関数を与えていますが、これはあとで定義する関数となります。これを利用して使うのですが、コールバック関数とも言います。

次のような関数を定義してみます。

年齢を計算する関数calclateAge()を定義しています。elは要素elementのことで、ここでは配列の年を利用して計算することになります。現在は2019年ですから、「2019 – el」を計算して返り値としています。

実際に先ほどの関数に渡して計算してみます。

arrayCalc()に配列のyearsと関数のclcuateAgeを渡しています。コールバック関数なので引数として渡す関数には括弧()をつけません。

console.log()で計算した値を、JavaScriptコンソールに表示してみます。

順に年齢が計算されて、配列に格納されているのがわかります。

では、さらに関数を定義してみます。年齢による最大心拍数の計算をする関数をここでは考えてみることにします。

最大心拍数の推定方法は次のような計算になります。

<最大心拍数の推定方法>
最大心拍数=206.9−(0.67×年齢)

これは18歳以上、81歳以下で考えます。(ただし、この計算値は個人差があるので注意)

これを使って次のように関数を定義してみます。

最大心拍数を求める関数をmaxHeartRate()としています。if-else文を使って、年齢の範囲での条件を判定しています。先ほどの計算値をreturnで返しています。ここではMath.round()を使って整数になるようにしています。年齢の幅に当てはまらない場合はelse文で-1を返すようにしています。

これも先ほどと同様に、最初に定義した関数に渡して計算してみます。

年齢を計算した関数の結果を利用して、最大心拍数を求めています。

console.log()でJavaScriptコンソールに表示するとこうなります。

上側は年齢計算、下側は最大心拍数の配列となっているのがわかります。84歳のところは年齢の範囲外なので-1が返されているのがわかります。

最後にこれまでのコードをまとめておきましょう。

このように、最初に最終的に結果を生成する関数を定義しておき、単一の計算をする関数をそれぞれ別に定義しておくことで、一つに全てまとめた関数を定義するよりもコードが見やすくなるのがわかると思います。

スポンサーリンク

まとめ

JavaScriptの関数はオブジェクト型のインスタンスで、他のオブジェクトと同じように振る舞います。変数や、引数としても利用でき、 返り値として関数を返すこともできます。

ここでは、関数を引数、戻り値として扱う関数を見てきました。こういった関数を高階関数と呼びます。

複数の処理を一つにまとめた大きな関数を作るよりも、最終的に生成処理する関数を定義し、それにそれぞれの処理を行う関数を別に定義してコールバック関数として利用すると、コードが見やすくなります。

自宅学習はオンラインプログラミングスクールを活用!

自宅学習にはオンラインプログラミングスクールがおすすめ!

オンラインプログラミングスクールは独学でプログラミングを学習する時のデメリットを解消する仕組みが備わっています。

気になるところは…

学習がオンラインで完結するのはもちろんですが、独学ではできない質問サポートがあるかどうか。わからないことを現役のエンジニアが質問に答えてくれるといいですよね。

受講者個人に担当のメンターがつき、マンツーマンで学習の相談に乗ってくれることも必要で、ITエンジニアの世界についても伺えたりもすると幅が広がります。

オンライン面談だけでなく、チャット機能を使って気軽に質問を投げかけることができることも大切です。

また、オリジナルプロダクトの開発とサポートがコースの中に組み込まれていて、独学ではなかなか難しい実践的なスキルの習得にもつなげたい。

プログラミングをマスターした後の実際の仕事につながる転職サポートでがあると、ITエンジニアの世界に飛び込むのに不安が解消されます。

そんな豊富なメニューが揃っているおすすめのオンラインプログラミングスクールがこちらにあります。

おすすめのオンラインプログラミングスクールはこちら

TechAcademyはおすすめのオンラインプログラミングスクール!

オンラインのプログラミングスクールでは、テックアカデミーの充実度が目を見張ります。

オンラインで受講が完結するので、自宅学習でプログラミングをマスターしたい人にはテックアカデミーがおすすめです。

メンター制度も現役のプロが対応してくれます。大学生などが対応しているスクールに比べて本気度と専門性が違います。メンター制度の無いスクールもありますし、担当では無いメンターが対応するスクールもあったりするので、相談の質が違いますね。

チャットサポートもあるので、それが無いスクールに比べて相談の気軽さの違いがあります。

プロダクト開発のサポートで実践力が養われるだけでなく、どの講座を利用しても転職サポートが受けられるのはありがたい。

用意されているコースも、初心者向けのプログラミングコースから、Python、Java、PHP、iPhoneアプリ、AndroidといったITエンジニアのベースとなる主要な言語だけでなく、AI、データサイエンス、ブロックチェーン、webアプリケーションと行った実践的なコースまで用意しています。

他にも、webデザインやUI/UXデザイン、動画編集、webディレクションやwebマーケティングといったプログラミング以外での役立つコースまであります。

このようなたくさんの選択肢から自分にあったコースを選ぶことがでるのがテックアカデミーです。

コースの期間も短期間でマスターしたり、長期の受講でじっくり取り組むコースを選ぶこともできます。

複数講座のセットコースを利用することで大幅な割引が受けらるので、お得に受講することもできます。

無料体験もありますので、プログラミング学習でオンラインスクールを考えている人はTechAcademyをぜひ利用してみてください。

テックアカデミーの公式サイトはこちら

JavaScript
スポンサーリンク
CodeGraffitiをフォローする

とにかく進め!Pythonプログラミング入門 〜 コードグラフィティ
タイトルとURLをコピーしました