ID非公開

2022/1/24 17:48

33回答

JavaScriptの変数について let score = 75; let output; if(score>=90) output='秀';

JavaScriptの変数について let score = 75; let output; if(score>=90) output='秀'; else if(score>=80)output='優'; else if(score>=70)output='良'; else if(score>=60)output='可' ; else output='不可'; document.write('成績'+score+'点の評価は'+output+'です'); といったような成績判定をつかって[87,65,93,71,83,96,78,55,70,69,45,62]までの成績を配列をつかって秀から不可の人数を求める場合、どのようにコードを書けばよろしいでしょうか。回答お願いします。

JavaScript | プログラミング・38閲覧・xmlns="http://www.w3.org/2000/svg">100

ベストアンサー

1
oishii_mahou

カテゴリマスター

2022/1/24 19:42

■■■ はじめに ■■■ document.write() という関数は、 HTML の DOM を破壊するうえに、 状況によって特殊な振る舞いをすることから、 公式に非推奨とされ「使うな！」と勧告されいてる関数だから、 使ってはいけない。 document.write() を使わなくても、 ドキュメントに HTML コードやテキストを書き出す 正しい方法は幾らでもあるんで、 他の方法で書き出すようにする。 ■■■ 配列のフィルタリング ■■■ 点数を格納した配列から、 「不可」に該当する人数をカウントするだけなら、 質問のコードのような条件分岐の処理は一切いらない。 配列の filter() メソッドを使って 60 点未満のリストに絞りこみ、 その配列の長さを取得すればいいだけ。 ──────────────── // 点数リスト const scores = [ 87, 65, 93, 71, 83, 96, 78, 55, 70, 69, 45, 62 ]; // 不可の人数 const hukanum = scores.filter( value => value<60 ).length; // 確認 console.log( hukanum ); ──────────────── ■■■ ランク付け＋不可人数 ■■■ 秀、優、良、可、不可のランク付けをして、 その上で不可の人数を数えたいのであれば、 ──────────────── // 点数リスト const scores = [ 87, 65, 93, 71, 83, 96, 78, 55, 70, 69, 45, 62 ]; // ランク付け const ranks = scores.map( value => value>=90 ? "秀" : value>=80 ? "優" : value>=70 ? "良" : value>=60 ? "可" : "不可" ); // 不可の人数 const hukanum = ranks.filter( rank => rank==="不可" ).length; // 確認 console.log( ranks ); console.log( hukanum ); ──────────────── こんな感じ。 まず、 点数リスト scores に map() メソッドを使い、 各点数１つ１つに対して点数ごとのランクのリスト ranks に変換、 そのうえで、 filter() を使ってランクリストの中から "不可" の個数を数えている。 ランク付けの条件分岐については、 こういった条件分岐は if() 文よりも 三項演算子（条件式 ? 真のとき : 偽のとき）を連結する方が 適しているんで三項演算子で実装している。

1人がナイス！しています

ThanksImg質問者からのお礼コメント

お二人とも大変助かりました。ありがとうございました。

お礼日時：1/24 23:01

その他の回答（2件）

0
パズライク

2022/1/24 22:21

<!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>HTML</title> </head> <body> <div class="hyouji"></div> <script> const hyouji = document.querySelector('.hyouji'); const score = [87,65,93,71,83,96,78,55,70,69,45,62]; var syuu = 0, yuu = 0, ryou = 0, ka = 0, huka = 0; const len = score.length; for (var i = 0; i < len; i++) { if (score[i] >= 90) { output = '秀'; syuu++; } else if (score[i] >= 80) { output = '優'; yuu++; } else if (score[i] >= 70) { output = '良'; ryou++; } else if (score[i] >= 60) { output = '可'; ka++; } else { output = '不可'; huka++; } hyouji.innerHTML += `成績${score[i]}点の評価は${output}です<br>`; } hyouji.innerHTML += `秀: ${syuu}人, 優:${yuu}人, 良:${ryou}人, 可:${ka}人, 不可:${huka}人`; </script> </body> </html>

1
ybb********

カテゴリマスター

2022/1/24 21:05

wkj********さん >･･･秀から不可の人数を求める場合、どのようにコードを書けばよろしい････････ 例えば↓ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> </head> <body> <script> let score = 75; let output; let array = [87,65,93,71,83,96,78,55,70,69,45,62]; const kubun = ["秀","優", "良","可","不可"]; let out = [ 0, 0, 0, 0, 0 ]; for(i = 0; i < array.length; i++){ if( array[i] >= 90 ) { out[0] ++ } // '秀' の人数加算 else if( array[i] >= 80 ) { out[1] ++ } // '優' の人数 else if( array[i] >= 70 ) { out[2] ++ } // '良' の人数 else if( array[i] >= 60 ) { out[3] ++ } // '可' の人数 else { out[4] ++ } // '不可' の人数 } for(i = 0; i < kubun.length; i++){ document.write( '成績: ' + kubun[ i ] + ' の人数は ' + out[ i ] + '人です<br>' ); } </script> </body> </html>

1人がナイス！しています