「40未満の数値がいくつあるか」を表示するプログラム

###前提・実現したいこと
複数の数値が定義されている配列dataから、「各数値」と「40未満の数値の個数」を表示するプログラムを作成しています。各数値は表示できるのですが、「40未満の数値の個数」を表示することができません。
私が書いたソースだと個数ではなく40未満の数字そのものが出てきてしまいます。
どのようにソースを書いたら表示できるのでしょうか？
ソースの改善点・参考を教えて下さるとうれしいです。よろしくお願い致します。
###該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>課題</title>
    <script>
        var data = [59, 39, 100, 2, 15, 40, 84, 97];
  
        for(var i = 0;i<data.length;i++) {
            document.write(data[i]+'<br>');
        }
        var count=0;
        for(var j= 0;j<data.length;j++) {
            if(data[j]<40) {
                document.write(data[j]+'<br>');
                count++;
            }
        }
        document.write(count);
    </script>
</head>
<body>
</body>
</html>

###発生している問題・エラーメッセージ

kei344

2017/05/02 06:19

「表示することができません」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

行動規範の内容に同意します

回答4件

document.writeはページ全体に影響があるので
表示するだけならconsole.logを利用して下さい
※最近のブラウザのF12を押すと開発ツールが表示されます

javascript
1var data = [59, 39, 100, 2, 15, 40, 84, 97];
2console.log(data.filter(function(i){return (i<40);}).length)
3

投稿2017/05/02 06:23

yambejp

総合スコア114812

表示できているように見えます。

40未満の数値がいくつあるか - JSFiddle

分からない部分を具体化すると良いと思います。
「わかりません。教えてください。」は丸投げと同じです。

Re: SHIGENAGI0914 さん

投稿2017/05/02 06:25

think49

総合スコア18162

js
1for(var i = 0;i<data.length;i++) {
2    document.write(data[i]+'<br>'); //① 配列データの表示
3}
4var count=0;
5for(var j= 0;j<data.length;j++) {
6    if(data[j]<40) {
7        document.write(data[j]+'<br>'); //② 40未満の配列データの表示
8        count++;
9    }
10}
11document.write(count); //③ 40未満の数値の個数表示