Javascript の関数の書き方（要素の合計値を戻り値として返す関数など）

Question

Javascript　の基本的なコードの書き方

現在オンラインスクールにて、javascriptの勉強をしているのですが、
関数のあたりでもうさっぱりコードの書き方の検討がつかなくなってしまっておりまして
以下の内容の場合のコードの書き方や、考え方を教えていただけたら、大変嬉しいです・・！

ーーーーーーーーーーーーーーーーーーーーーーーーーーーー
例題
数値の配列を引数として渡すと、配列の各要素の合計値を戻り値として返す関数 getArraySum 及び
配列の各要素の平均値を戻り値として返す関数 getArrayAverage を定義してください。

配列は以下を利用してください。

let numbers = [100, 200, 300, 400, 500, 600];

ーーーーーーーーーーーーーーーーーーーーーーーーーーーー

ご回答、お持ちしております！！！

Answer 1

関数の基本的な書き方

function 関数名(引数) {
  何かしらの処理;
  return 戻り値;
}

• 引数は使用しない時もあります。
  • その場合はfunction myFunction()という形にし、丸括弧の中には何も書きません。
  • 今回の質問者様の例題では引数を使用します。
• 関数の中で算出された値は、関数の外で使うことがことできません。
  • 使えるようにするためにreturn 値と書いて「値を戻す（または、返す）」ことで、その値を関数の外で利用することができます。
  • 今は理解できなくても構いません。「値をその関数の外でも使いたかったらreturnする」と機械的に覚えてください。そのうち分かります。

関数の使用例

// 引数を使わない例
function get10plus5() {
  const result = 10 + 5;
  return result;
}
console.log( get10plus5() ); // 結果：15

// 引数を利用する例
function getSum(a, b) {
  const sum = a + b;
  return sum;
}
console.log( getSum(3, 10) ); // 結果：13
console.log( getSum(100, 54) ); // 結果：154

配列の要素（数値）の合計値を算出する方法

JavaScriptには.reduce()メソッドというものが標準で用意されており、これを使うことで配列の要素（数値）の合計値を計算することができます。

配列の要素を全部足す方法

今はまだ難しいと思いますので、細かい説明は割愛します。
丸暗記してください。

配列.reduce((acc, cur) => acc + cur, 0);

.reduce()の使用例

const numbers = [2, 10, 8];
const sum = numbers.reduce((acc, cur) => acc + cur, 0);
console.log(sum); // 20

ヒント：合計値を算出する関数

答えを書いてしまってはよくないと思うので、ヒントのコードを差し上げます。

function getArraySum(arr) {
  const sum = ⭐️配列の合計値を算出する;
  return sum; // 計算した合計値を戻す
}

let numbers = [100, 200, 300, 400, 500, 600];
console.log( getArraySum(numbers) ); // ブラウザの開発者ツールのコンソール画面で確認

※ ⭐️の部分を適切なコードに書き換えてください。

ヒント：平均値を算出する関数

合計値を算出する関数がかけたら、平均値を算出する関数はほとんど同じです。
「配列の合計値÷配列の要素の数（配列の長さ）」 をしてやるだけです。

function getArrayAverage(arr) {
  const sum = ⭐️配列の合計値を算出する;
  const avg = sum / ⭐️配列の長さ // 平均値を計算する
  return avg; // 計算した平均値を戻す
}

let numbers = [100, 200, 300, 400, 500, 600];
console.log( getArrayAverage(numbers) ); // ブラウザの開発者ツールのコンソール画面で確認

※ ⭐️の部分を適切なコードに書き換えてください。

Comments

[uky]

こちらの回答の方が質問者さんのレベルにあっていると思いますので、こちらを読まれた方が良いと思います。

私のは目通しだけで良いです。

[Yuisan]

ありがとうございます！！
わからないことがわからなかったので、大変助かりました。。
参考にいたします！

Answer 2

直接コードを記載すると学習にならないと思うので、私なりの考え方を記載していきます。（getArrayAverageは自分でやってみてください。

数値の配列を引数として渡すと、配列の各要素の合計値を戻り値として返す関数 getArraySum

まず、条件を分解します。

• 以下を満たす関数をgetArraySumと呼ぶ
  • 数値の配列を引数として渡す
  • 配列の各要素の合計値を戻り値

分解するときのコツは「関数の名前」「引数」「戻り値」を意識することです。

今回は既に全て指定されているので、あとは組み立てるだけです。

関数名（引数）{
  return 戻り値
}

実際の文法やロジックの組み立て方はご自身で勉強して書いてみてください。
（最初は難しいかもですが、すぐ慣れます。

以下、日常でできる練習方法

プログラミングの関数的な思考を日頃から意識するのもいいと思います。

例えば簡単に「自動販売機」を上記のように分解してみると

• 以下を満たす関数を「自動販売機」と呼ぶ
  • お金を入れて、種類を選ぶと
  • 選んだものが一本出てくる

※お釣りは考慮しない

となり、
よりプログラムっぽく表現すると、

// 関数の定義
自動販売機（お金、種類）{
  return 種類
}

になります。
意外と世の中こういった関数で溢れているので、ぜひ学習がてらやってみてください。

Comments

[Yuisan]

こちらご回答感謝です！
参考にさせていただきます。