javascriptで配列を五十音順にソート

こんにちは。
下記コードで配列を五十音順にソートできるかと思ったのですが、ソートされておりませんでした。
そのままソートしてもダメなのでしょうか。

javascript
1
2//データ
3const aryData = [
4  {id: "id_2", data: "データ２"},
5  {id: "id_4", data: "データ４"},
6  {id: "id_3", data: "データ３"},
7  {id: "id_1", data: "データ１"}
8]
9
10//ソート（昇順）
11aryData.sort((a,b) => {return a.data - b.data;});
12
13//表示
14console.log(aryData);

m.ts10806

2019/01/08 23:34

javascript 50音順ソートで記事それなりに見つかりますが試してみましたか？

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

回答2件

javascript
1//データ
2const aryData = [
3  {id: "id_2", data: "データ２"},
4  {id: "id_4", data: "データ４"},
5  {id: "id_3", data: "データ３"},
6  {id: "id_1", data: "データ１１"}
7]
8
9//ソート（昇順）
10aryData.sort((a,b) => a.data.localeCompare(b.data, "ja", { numeric: true }));
11
12//表示
13console.log(aryData);

MDN Array.prototype.sort()
非ASCII文字のソート

投稿2019/01/09 00:51

papinianus

総合スコア12705

ベストアンサー

数値の比較ではなく文字列の比較となるため、a-bの形では上手くいかないのではないかと。

文字列比較用のcompareFunctionにすると上手くいきます。

JavaScript
1//データ
2const aryData = [
3  {id: "id_2", data: "データ２"},
4  {id: "id_4", data: "データ４"},
5  {id: "id_3", data: "データ３"},
6  {id: "id_1", data: "データ１"}
7]
8
9//ソート（昇順）
10aryData.sort((a,b) => {
11    if(a.data < b.data){
12        return -1;
13    }
14    if(a.data > b.data){
15        return 1;
16    }
17    return 0;
18    });
19
20//表示
21console.log(aryData);