コース: ウィークリー Web プログラミングシリーズ

今すぐコースを受講しましょう

今すぐ登録して、24,000件以上登録されている、業界エキスパート指導のコースを受講しましょう。

Array.reduce()メソッドを使う

Array.reduce()メソッドを使う

コース: ウィークリー Web プログラミングシリーズ

1ヶ月の無料トライアルを開始 法人向けサービス

Array.reduce()メソッドを使う

“

こんにちは。 フロントエンド開発やウェブ技術についての 執筆・講習を行なっている 野中文雄です。 今週は Array reduce メソッドで 配列要素の平均を求めます。 Array reduce メソッドと言うのは 配列を集計する、 その為のメソッドなんですけども ということで、10 コードの要素を 整数を入れた配列があります。 そして平均が５と予め計算してあるんですが 綺麗な数字になるようにしておきました。 実際にこの平均を Array reduce の メソッドで求めてみることにしましょう。 では、まずは変数ですね。 const で average としましょう。 そして、array という変数に入った、 このオブジェクトに対して reduce ですね。 この中にはコールバックの関数を 書く事になっています。 ですから、function という風に しても良いんですが ここは、アロー関数式、 名前のない関数ですから アロー関数式を使ってしまいましょう。 () で矢印という事なんですが、 引数は２つ使います。 先ずは、previous と それから current としましょう。 値を返します、 １行で済ませてしまいますので => の後に {} は使えません。 どうするかと言うと previous とコードコンプリート コード補完が効かないですね。 同じ綴りになっています。 それと current と 足し込むという風にしました。 さて、この current というのが この配列要素１個１個、 この reduce というメソッドは この配列要素は １個１個に対して処理をするんですが この関数の処理ですね。 ６を受け取ると、 そしたらこの６が current に入ります。 処理をしたら、次に４を受け取ると。 またその４に対してこの処理が行われます。 previous というのは、 前の要素を処理した時の集計結果です。 今回は足し算ですけれども この計算式はどの様にしても結構です。 なるほどと。 じゃあ最初のこの６を計算する時には、 前の値って何なのかと思うかもしれませんが 初期値をこの reduce メソッドの 第２引数に設定する事も出来ます。 もしそれをしないと、インデックス１番から スタートするんですね。 そして previous 第１引数には、…

目次