ランキングの同順の処理

var array = {"Aさん":20,"Bさん":30,"Cさん":30,"Dさん":50}
上の配列から以下のように出力するにはどうすれば良いのでしょうか？
数値の高い順にソートはできるのですが、同じ数値の場合の処理方法がわかりません。
Dさん１位
Bさん２位
Cさん２位
Aさん４位

takito

2017/03/03 11:19

どういう風にソート処理しているかコードを提示された方が、「ここをこうしたらこうなるよ」という具体的なアドバイスが得られやすいと思います。

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

回答2件

ベストアンサー

html
1<!DOCTYPE HTML>
2<html lang="ja">
3	<head>
4		<meta charset="UTF-8">
5		<title></title>
6	</head>
7	<body>
8		<div>
9			<table>
10				<thead>
11					<tr>
12						<th>ranking</th>
13						<th>name</th>
14						<th>point</th>
15					</tr>
16				</thead>
17				<tbody id="tbody">
18				</tbody>
19			</table>
20		</div>
21
22		<script type="text/javascript">
23			var array = [
24				{name: "Aさん", point: 20}
25				, {name: "Bさん", point: 30}
26				, {name: "Cさん", point: 30}
27				, {name: "Dさん", point: 50}
28			];
29
30			array.sort(function (a, b) {
31				if (a.point < b.point)
32					return 1;
33				if (a.point > b.point)
34					return -1;
35				return 0;
36			});
37
38			var tbody = document.getElementById('tbody');
39			var cur_rank = 1;
40			for (var i = 0; i < array.length; i++) {
41
42				if (i === 0) {
43					cur_rank = 1;
44				} else if (array[(i - 1)].point > array[i].point) {
45					cur_rank = i + 1;
46				}
47
48				var tr = document.createElement('tr');
49				var td_name = document.createElement('td');
50				var td_ranking = document.createElement('td');
51				var td_point = document.createElement('td');
52
53				td_ranking.textContent = cur_rank;
54				td_name.textContent = array[i].name;
55				td_point.textContent = array[i].point;
56
57				tr.appendChild(td_ranking);
58				tr.appendChild(td_name);
59				tr.appendChild(td_point);
60
61				tbody.appendChild(tr);
62			}
63		</script>
64	</body>
65</html>

投稿2017/03/03 11:22

退会済みユーザー

総合スコア0

sortメソッドは安定ソートではない処理系もあるので、
同じ値の場合は、ソート前の配列のindexを利用すると良いかも？

javascript
1// ソート前の配列の並び順を保存するためにコピー
2var cp = array.slice(0);
3array.sort(function (a, b) {
4    if (a.x === b.x) {
5        return cp.indexOf(a) - cp.indexOf(b);
6    }
7    return b.x - a.x;
8});