jabascript 並び替え 入れ替え

Question

<script> var i,j; var XX=[["国語","英語","数学","合計","順位"], [30,65,55,0,0], [45,60,65,0,0], [50,65,65,0,0], [60,55,60,0,0], [70,45,50,0,0], [40,75,45,0,0], [50,45,90,0,0]]; </script>

上記のコードからスタートして、一回目の表示で合計を出し、二回目の表示で得点に番号をつけ昇順で並び替えをし、三回目では当てはめて元の配列に順位を乗せる画像のようなプログラムを作成したいです。すべてソートで計算をして表示という形です。できる方お願いします。説明があいまいで申し訳ございません。

Comments

[1T2R3M4]

jabascript
の仕様を掲載しているWebはありますか。

Answer 1

こんな感じですかね〜

const XX = [
  ["国語","英語","数学","合計","順位"],
  [30,65,55,0,0],
  [45,60,65,0,0],
  [50,65,65,0,0],
  [60,55,60,0,0],
  [70,45,50,0,0],
  [40,75,45,0,0],
  [50,45,90,0,0]
];

XX.forEach((data, i) => {
  if (i > 0) {
    data[3] = data[0] + data[1] + data[2];     
  }
});

console.log(XX);

const ranking = [0, ...XX.slice(1).map((data, i) => [i, data[3]]).sort((a, b) => b[1] - a[1]).map(([i]) => i+1)];

console.log(ranking);

XX.forEach((data, i) => {
  if (i > 0) {
    data[4] = ranking.findIndex(j => j === i);     
  }
});

console.log(XX);

???? 動作確認用サンプル @codepen

追記

質問の画像にも出てきますが、

0,7,3,4,2,5,6,1

という配列をどうやって作るか？　がこの問題の考えどころのひとつです。
各データ行において、三科目の合計は、XXの各要素である配列のインデクス3の要素に入ってくるので、この値を比較するような比較関数をsortメソッドに与えてソートするわけですが、XXの最初の要素は

["国語","英語","数学","合計","順位"]

という、各データの名前の文字列を持つヘッダ情報なので、この行もソートの対象に含めてしまうと、"合計"という文字列と、他の行の合計値である数値とを比較することになるので、ひと工夫が必要です。
先の回答では、このひと工夫をしないで済むように、ヘッダ行をソート対象から除いていますが、かえって読みにくいコードになってしまっているかもしれません。
ヘッダ行（XXの先頭）もソート対象に含めつつ、

0,7,3,4,2,5,6,1

という配列、ranking を得るには、たとえば以下のようにします。

const ranking = [...Array(XX.length)].map((_, i) => i).sort((i1, i2) => {
  const [score1, score2] = [i1, i2].map(i => i > 0 ? XX[i][3] : Number.MAX_SAFE_INTEGER);  
  return score2 - score1;
});

???? 動作確認用サンプル @codepen

これは、ソートで使う比較関数内においては、ヘッダ行にも合計の数値があるかのように見立てて、その値は Number.MAX_SAFE_INTEGER という非常に大きな数であると見なすというひと工夫によって、先頭要素もソート対象にしつつ、意図した結果を得るようにしています。

または、以下でも [0,7,3,4,2,5,6,1]の配列 rankingを作れます。

const ranking = [...Array(XX.length)].map((_, i) => i).sort(
  (i1, i2) => (i1 === 0 || i2 === 0) ? i1 - i2 : XX[i2][3] - XX[i1][3]
);

???? 動作確認用サンプル @codepen