javascript、関数、平均点について

Question

javascriptの関数の分野でご質問があります。
オンラインのプログラミングスクールでの課題なのですが、内容は配列dataの平均値を表示するプログラムの作成です。

　　　　　<script>
var data = [59, 39, 100, 2, 15, 40, 84, 97];
var ave; //　平均値

	//関数calc_aveを実行する
	var sum = 0;
	function calc_ave (data) {
		for(var i = 0; i < data.length; i++) {
			sum += data[i];
		}
		var ave = sum / data.length;
		return ave;
	}
	//平均値を書き出だし
	document.write(ave);

	//配列dataの平均値aveを計算する関数calc_aveを定義する
	calc_ave(data);

</script>

自分でここまでは出来たのですが、何故かエラーで表示されません。
returnを使う場合とそうでない場合の違いもあまりよく分かっておりません。
課題なので自分で解決したかったのですが、２週間くらい調べても理解出来ませんでしたので、何方か初心者にも分かりやすく説明して頂けないでしょうか？
申し訳ありませんが、宜しくお願い致します。

Comments

[maisumakun]

どのようなエラーが出ていますか？

[yoorwm]

エラーの内容を書きだしてください。
> document.write(ave);
というか、この時点でページの内容がaveに書き換わるのではないですか？

[riki01]

ご返信ありがとうございます！
web上には、

undefined

と書かれております。
また、ディベロッパーツールの方には特に何もエラーが出ておりません。
初学者な為、曖昧な回答となってしまい申し訳ございません。

Answer 1

web上には、undefinedと書かれております。

コードは、文法エラーもなく書かれたとおりに実行されています。

最初のdocument.write(ave);の時点では、aveは変更されていないのでundefinedと表示されています。その後にcalc_aveを実行していますが、この結果は計算されているもののどこにも出力していません。

注意点を2点あげておきます。

• 関数は、宣言しただけでは実行されません。呼び出して初めて実行されます。
• 関数の中と外にaveがありますが、同じ名前であるだけで両者は別の変数です。

Answer 2

平均（合計は）reduceが一般的かも

var data = [59, 39, 100, 2, 15, 40, 84, 97];
var ave=data.reduce((x,y)=>x+y)/data.length;

Answer 3

変数aveに計算した平均値を格納してから書き出してみてください。

ave = calc_ave(data); // 関数calc_aveでreturnしたものがaveに入る
document.write(ave);

Comments

[riki01]

今実行しました所出来ました！
良く見たら私のコードがおかしかったです！
ありがとうございました！
他の皆さんもわざわざご回答ありがとうございました！