数字や日付けのリスト要素をjsで並べ替えたい場合、sort()メソッドを活用するととても便利です。本記事では、sort()メソッドを利用して並べ替えを行うテクニックをご紹介させていただきたいと思います。00:00:00</li></ul>解説どちらのサンプルも、sort()メソッドの中で2つの引数(aとb)を指定して各要素の値を2つ取り出して関数に引数として渡すことで、関数が返す値に応じて並べ替えを行います。「-」演算子を使うと対象の値は数値に変換され、減算した結果を戻り値とし、プラスかマイナスのいずれかを返すことになります。正確に理解する必要はありません、ただ「こういうもの」として覚えておいても大丈夫です。1つ目のサンプルでは、jQueryのhtml()の中でsort()メソッドを実行することで、並べ替えを行っています。サンプルでは昇順に並べ替えていますが、(a)と(b)を逆にすれば簡単に降順にすることもできます。2つ目のサンプルでは、日付けごとに並べ替えているのですが、日付けの値を計算できるように一度ミリ秒に変換してあげる必要があります。以下の記事でもご紹介しているテクニックですね。計算して処理を行う手順をご紹介ミリ秒変換した値をdata-date属性でliに付与します。あとは1つめのサンプルと同じで、この値を使ってsort()メソッドで並べ替えています。デモ実際に動作を確認できるデモページも公開しておりますのであわせてご確認ください。sort()メソッドを使ってコンテンツを並べ替えるjsまとめ完全に静的にベタ書きしているコンテンツであればご紹介した機能は必要ないかもしれませんが、jsonやxmlで読み込むコンテンツなどにおいて、それらの外部ファイル内でのコントロールが煩雑になるケースでこういった並べ替え機能が重宝します。sort()メソッドを使ったコンテンツの並べ替えを行いたい場合は、どうぞ本記事をご参考にしていただければ幸いです。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。