Q&A
コードはコードブロックを使って記載をお願いします。
<code>ボタンで出せます。
前提・実現したいこと
配列の値から平均値を計算する関数calc_aveを作成し、配列dataの平均値を表示するプログラムを作成する。
発生している問題・エラーメッセージ
なにも表示されない
該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>平均を求める関数</title> </head> <body> <script> var data=[59,39,100,2,15,40,84,97]; //関数calc_aveを実行 calc_ave(); //平均値書き出し document.write(calc_ave()); //配列dataの平均値aveを計算する関数calc_aveを定義 function calc_ave(){ var sum=0; var ave=0; for(var i=0; i<data.length; i++){ sum+=data[i]; } ave=sum/data.length; } </script> </body> </html>
試したこと
引数が原因だと思いsumやaveなど入れるが上手くいかない。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答4件
0
とりあえずreturnがないなと思った
投稿2019/06/13 03:53
総合スコア6421
0
なにも表示されない
js
1//関数を実行しただけ その関数も計算して変数に値を詰めただけ 2calc_ave(); 3 4//何も書き出していない 5document.write();
変数aveの定義をグローバルに出すか、calc_ave()で計算結果をreturnして受け取ってdocument.write()に渡してください。
ただ、あまりdocument.write()は推奨されていない機能の1つでもあるので、画面に表示したいのでしたら、出力先の要素を準備してそこに対してinnerTextしたほうが良いです。
コード変わったので追記
js
1document.write(calc_ave());
js
1 function calc_ave(){ 2 var sum=0; 3 var ave=0; 4 for(var i=0; i<data.length; i++){ 5 sum+=data[i]; 6 } 7 ave=sum/data.length; //returnしていないので何も返らない 8 }
簡単なコード：
js
1function test(){ 2 var a = 10; 3} 4 5console.log(test()); 6//undefined
js
1function test(){ 2 var a = 10; 3 return a; 4} 5 6console.log(test()); 7//10
投稿2019/06/13 03:52
編集2019/06/13 04:03
総合スコア80850
0
ベストアンサー
calc_aveにて、値を返してないのが原因です。
関数の最後の行で、
return ave;
として、値を返しましょう。
そして、document.writeの中で、calc_aveを実行してるので、
その前の行のcalc_aveの実行は無意味です。
投稿2019/06/13 03:54
編集2019/06/13 03:59総合スコア9528
0
ほぼ別の回答と同じだったので流用
javascript
1const data=[59,39,100,2,15,40,84,97]; 2const calc_ave=()=>data.reduce((x,y)=>x+y)/data.length; 3console.log(calc_ave());
投稿2019/06/13 04:02
総合スコア114843
あなたの回答
tips
プレビュー
