【JavaScript超入門コース】14.実践｜すべて理解できればJavaScriptの超入門者から卒業です【プログラミング初心者向け入門講座】

JavaScript超入門コースの最後のレッスンとなります。 これまでの「総まとめ」のレッスンです。 最後のレッスンまでお付き合い頂いた方、ありがとうございます。 そして、本当にお疲れ様でした！ 今までのレッスンの知識で、コードの理解はできるはずなので、頑張って学習してみてください！ ▼関連動画 【JavaScript超入門コース】01.コース紹介（   • 【JavaScript超入門コース】01.コース紹介｜初心者にわかりやすい...  ) 【JavaScript超入門コース】02.JavaScriptとは (   • 【JavaScript超入門コース】02.JavaScriptとは？｜Ja...  ) 【JavaScript超入門コース】03.環境構築(for Mac) (   • 【JavaScript超入門コース】03.環境構築 for Mac｜プログ...  ) 【JavaScript超入門コース】03.環境構築(for Windows) (   • 【JavaScript超入門コース】03.環境構築 for Windows...  ) 【JavaScript超入門コース】04.プログラムの基本構造 (   • 【JavaScript超入門コース】04.プログラムの3つの基本構造｜プロ...  ) 【JavaScript超入門コース】05.実行 (   • 【JavaScript超入門コース】05.プログラム実行方法 ｜プログラム...  ) 【JavaScript超入門コース】06.変数 (   • 【JavaScript超入門コース】06.変数 ｜変数は、例えるなら「箱」...  ) 【JavaScript超入門コース】07.データ型 (   • 【JavaScript超入門コース】07.データ型 ｜変数に入れるデータの...  ) 【JavaScript超入門コース】08.配列 (   • 【JavaScript超入門コース】08.配列｜変数を箱。配列をロッカーに...  ) 【JavaScript超入門コース】09.演算子 (   • 【JavaScript 超入門コース】09.演算子｜足し算や引き算、2つの...  ) 【JavaScript超入門コース】10.条件分岐 (   • 【JavaScript超入門コース】10.条件分岐｜条件にあてはまればAと...  ) 【JavaScript超入門コース】11.繰り返し (   • 【JavaScript超入門コース】11.繰り返し｜同じ処理を何度も実行で...  ) 【JavaScript超入門コース】12.関数 (   • 【JavaScript超入門コース】12.関数 ｜関数を料理ロボットに例え...  ) 【JavaScript超入門コース】13.クラス (   • 【JavaScript超入門コース】13.クラス｜クラスとは、「データ」と...  ) 【JavaScript超入門コース】14.実践 (   • 【JavaScript超入門コース】14.実践｜すべて理解できればJava...  ) 【JavaScript超入門コース】15.総集編（   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) ▼各超入門コース 合併版（約1時間） 【Python超入門コース】(   • Python超入門コース 合併版｜Pythonの超基本的な部分をたった1時...  ) 【JavaScript超入門コース】(   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) 【Java超入門コース】(   • Java超入門コース 合併版【Javaの超基本的な部分をたった1時間で学べ...  ) 【PHP超入門コース】(   • PHPのプログラミング初心者向けの超入門講座｜たった1時間で学べる【文字書...  ) 【Go超入門コース】(   • 【たった1時間で学べる】Go言語のプログラミング初心者向けの超入門講座【文...  ) 【Ruby超入門コース】(   • 【たった1時間で学べる】Rubyのプログラミング初心者向けの超入門講座【文...  ) 【Kotlin超入門コース】(   • 【たった1時間で学べる】Kotlinのプログラミング初心者向けの超入門講座...  ) ▼自己紹介 現在：フリーランス（マーケティング関連の人工知能開発、データ分析や業務自動化など） 前職：リクルート ▼SNS Twitter : https://twitter.com/kino_code/likes Facebook : https://www.facebook.com/%E3%82%AD%E3%83%8E%E3%82%B3%E3%83%BC%E3%83%89-105693727500005/ Website : https://kino-code.com/ ▼文字書き起こし 実践 実践編として、テスト結果を判定するプログラムを作ってみましょう。 どのようなプログラムを書くか説明します。 まず、Studentというクラスを作ります。 Studentクラスには、生徒の名前を代入する「name」のプロパティを定義します。 そして、Studentクラスには2つメソッドを定義します。 1つのメソッドは、5教科の平均点を計算するcal_avgメソッド。 ちなみに、calは計算するという意味のcalculate、avgは、平均のaverageを省略する時にプログラミングでよく使う文字です。 もう1つメソッドは、平均点以上だったら合格という意味の”passed”を表示、平均点以下なら不合格という意味の”failed”を表示させるjudgeメソッドを定義します。 クラスを定義していきましょう。 まずclassと書いて、次にクラス名を書きます。 今回はStudentというクラス名なので、Student。 次に、プロパティを定義していきましょう。 プロパティは、コンストラクタのところに記述します。 佐藤さん、鈴木さん、佐々木さんといったような名前を代入したいので、プロパティはnameとしておきましょう。 次に、5教科の平均点を計算するcal_avgメソッドを定義します。 cal_avgメソッドには、5教科の点数が格納されている配列を渡します。 引数名はdataとしましょう。 cal_avgメソッド内に、sumという変数を定義をして、0を代入。 レッスン11の繰り返しで説明した、for文を使って配列の要素数分繰り返します。 配列の要素数を求めるにはlengthメソッドを使います。 次に、レッスン09の演算子で説明した、複合代入演算子を使って配列の値を足し上げます。 そして、合計を、配列の要素数で割って平均を算出し、avgという変数に代入します。 算出した値をreturnで返します。 最後に、テスト結果を判定するjudgeメソッドを作ってみましょう。 judgeメソッドに平均点を渡しましょう。引数名はavgとします。 レッスン10の条件分岐で説明した、if文を使って、平均点が60点以上ならpassed、それ以外ならfailedが、resultという変数に格納されるようにします。 これもreturnで返します。 これで、judgeメソッドの完成です。 これでクラスの定義も終わりです。 それでは、クラスをインスタンス化しましょう。 ※続きは、文字書き起こしブログで ▼文字書き起こし&ソースコードは下記ブログ https://kino-code.com/course-javascript14-practice/ ▼タグ #JavaScript #初心者 #プログラミング入門