文字型配列のソーティング

Question

以下の様な、第1要素を"年"とし、第2要素以降を3文字の英字で示した月の羅列がある配列があるとします。

["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"]

これをできるだけ簡単な方法で以下のように月順にソートする方法はないでしょうか？

["2018", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

ご教示いただければ幸いです。

Answer 1

const month = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var data = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"];
var s = data.slice(1, data.length);
s.sort((a, b) => month.indexOf(a) - month.indexOf(b));
console.log([data[0], ...s]);

Comments

[Yasu0421]

ご回答いただきありがとうございます。
助かります。
これで、実現できそうす。お知恵いただき、ありがとうございました。

Answer 2

手抜き

const data = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"];
const result = data.sort((a, b) => isNaN(a) ? Date.parse(`1 ${a} 2000`) - Date.parse(`1 ${b} 2000`) : -1);

Comments

[og24715]

Date.parse() 、そういうのもあるのか…。Date.parse(`1 ${month}`) でも期待通りの動きをするみたいです

[Yasu0421]

ご回答いただきありがとうございます。
たったの1行で所期を満足できていました。
ここまでのスキルを身に着けたいものです。
今回、様々な解決手段をいただき、非常に勉強になりました。
有難うございました。

[turbgraphics200]

`1 ${month}`だと、Chromeだけ動作し、他のブラウザーだと動作しなかったため、泣く泣く`1 ${month} 2000`としました。

[og24715]

なるほど。そんな罠があるんですね

Answer 3

とりあえずこれでも動く。

const test = [ '2018', 'Jan', 'Mar', 'May', 'Jul', 'Aug', 'Oct', 'Dec', 'Feb', 'Jun', 'Sep', 'Apr', 'Nov' ];
const res = [ 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec' ].reduce( ( pre, curr )=> {
	if ( test.includes( curr ) ) pre.push( curr );
	return pre;
}, [ test[ 0 ] ] );
console.log( res );
```**動くサンプル：**[https://jsfiddle.net/vo2dxsy8/](https://jsfiddle.net/vo2dxsy8/)

Comments

[Yasu0421]

ご回答いただきありがとうございます。
参考にさせて頂きます。
助かりました。

Answer 4

愚直な解法ですがコレなら抜けにも対応できるんじゃないですかね。

const random = ['2018', 'Jan', 'Sep', 'Apr', 'Nov'];

const mNames = new Map([
  ['Jan', 1],
  ['Feb', 2],
  ['Mar', 3],
  ['Apr', 4],
  ['May', 5],
  ['Jun', 6],
  ['Jul', 7],
  ['Aug', 8],
  ['Sep', 9],
  ['Oct', 10],
  ['Nov', 11],
  ['Dec', 12],
]);

const sorted = [random[0], ...random.slice(1).sort((a, b) => mNames.get(a) - mNames.get(b))]
console.log(sorted); // ->  ["2018", "Jan", "Apr", "Sep", "Nov"]

Comments

[Yasu0421]

ご回答ありがとうございます。
分かりやすいご回答いただき、感謝いたします。助かります。
これでもできそうです。
いろいろとお知恵いただき、嬉しく思います。

Answer 5

ソート、という言い方だとそもそも [1, ..., 12] という配列でないと処理できないですよね。文字列に正しい順番を与えるとしたら、文字列を数字に変換して並べることになると思います。

別の考え方として、正しい並びがわかっているのであれば、正しい並びの順に対象となる配列に含まれているものだけをピックアップすればいいと思います。

const data = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Apr", "Nov"]

const master = ["2018", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

var result = []
for (var i = 0; i < master.length; i++) {
  if (data.indexOf(master[i]) >= 0) {
    result.push(master[i])
  }
}

Comments

[Yasu0421]

ご回答いただきありがとうございます。
そうですね。こお手段で私も考えておりました。
大変助かりました。
以上よろしくお願いいたします。

Answer 6

こんにちは。

以下のようなやり方でやってみました。
（※以下のコードと同じものを https://jsfiddle.net/jun68ykt/bp3ujrwv/16/ にも上げました。)

const data = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"];

const orderedMonths = data.slice(1).sort(
	(m1, m2) => Date.parse(`${m1} 1,2018`) - Date.parse(`${m2} 1,2018`)
 );

const result = data.slice(0,1).concat(orderedMonths);

console.log(result);

上記を実行すると

["2018", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

と表示されます。

ちなみに上記のコードでは、、配列 data の２番目以降に "Hoge" のような、
月を表す英語３文字になっていないものが含まれる場合は考慮していません。

以上参考になれば幸いです。

---

補足

momentを使うと、以下のように、少しコード量を減らせます。

const data = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"];

const orderedMonths = data.slice(1).sort(
	(m1, m2) => moment(m1, 'MMM') - moment(m2, 'MMM')
 );

const result = data.slice(0,1).concat(orderedMonths);

console.log(result); 

※ https://jsfiddle.net/jun68ykt/bp3ujrwv/25/

Comments

[Yasu0421]

ご回答ありがとうございます。
いろいろなかたから、いろいろな解決手段をいただき、大変参考になります。
参考にさせていただきます。有難うございました。

Answer 7

簡単かどうかはわからないけど、愚直にこんな感じ

var master = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var random = ["2018", "Jan", "Mar", "May",  "Feb", "Jun", "Sep", "Apr", "Nov"];

console.dir(random);

var result = [random[0]];
for (v of master) {
    if (random.indexOf(v) >= 0) {
	result.push(v);
    }
}
console.dir (result);

Comments

[Yasu0421]

ご回答いただきありがとうございます。
マスターを用意し、マスター要素にマッチしたら、
ソート用配列にプッシュですね。
初心者に優しい読みやすい内容だと思います。
有難うございました。

Answer 8

絶対に12ヶ月揃っているとわかっているのであれば、その配列とつなぐ、というのがいちばん早いでしょう。どちらにしても、月順ソートという機能は標準ではないので、12ヶ月分のマスターは必要となります。

var ordered = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

var random = ["2018", "Jan", "Mar", "May", "Jul", "Aug", "Oct", "Dec", "Feb", "Jun", "Sep", "Apr", "Nov"];

var result = [random[0]].concat(ordered);

Comments

[Yasu0421]

いつもありがとうございます。
質問の定義が不足していたようで、すみません
・配列に含まれる月数は、ランダムで且つ、"Apr"の次が、"Aug"など月が飛んでいる場合もあるのです。

Answer 9

月が12個あって重複がないなら、ソートするなんて思わなければいいでしょう。
年に12個新規で月を付加していってください

var a=["2018"];
[].push.apply(a,["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]);
console.log(a);