Help us understand the problem. What is going on with this article?

JavaScriptで自然順ソート

「JavaScriptで自然順ソート」と検索したときに、下のサイトが検索として出てきたのだが、ライブラリとしてはどうも使いにくかった。
https://gist.github.com/think49/660141

mozillaでもsortの比較関数の与え方はあるが、自然順ソートの例があるわけではない。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

日本語で検索してもあまり出てこなかったけれど、ライブラリ自体は見つけたので使い方を日本語で書いておく。
https://github.com/bubkoo/natsort

<script src="https://cdn.jsdelivr.net/npm/natsort@latest/index.min.js"></script>

node.js用のnpmもある

https://www.npmjs.com/package/natsort

nodeの場合はrequireをするがその他は同じ使い方になる。

var natsort = require('natsort');

数字と文字列が混ざっている一次元配列

数字と文字列が混ざっていても、整列される。sort()だけでは、変な並びになる。

var array=['10', 9, 2, '1', '4']
array.sort(natsort())
//["1", 2, "4", 9, "10"]
array.sort()
//["1", "10", 2, "4", 9]

数字だけの一次元配列

sort()だけでも数字の大きさを比較するのかと思ったが、辞書順に並んだ。

var array=[10, 9, 2, 1, 4]
array.sort(natsort())
// [1, 2, 4, 9, 10]
array.sort()
//[1, 10, 2, 4, 9]

多次元配列のソート

単純に自然順ソートをすると一列目の内容で整列される。列番号を指定して整列する場合も書いている。

var multi_array=[
[10,6,8],
[2,11,15],
[4,12,13],
];
multi_array.sort(natsort())
//[2, 11, 15]
//[4, 12, 13]
//[10, 6, 8]

multi_array.sort()
//[10, 6, 8]
//[2, 11, 15]
//[4, 12, 13]

var sorter = natsort();
multi_array.sort(function(a, b) {
  return sorter(a[1], b[1]);
});
//[10, 6, 8]
//[2, 11, 15]
//[4, 12, 13]
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away