[計算・変換]JavaScriptのsortメソッドは、標準では「文字コード順」に並べ替える(ソートする)だけですが、引数に比較用関数を与えてやれば、数値の大きい順・小さい順に並べ替えることもできます。入力文字列を、数値の大きい順・小さい順に並び替える(ソートする)サンプルとソースをご紹介。入力文字列を、数値の大きい順・小さい順に並び替える(ソートする)サンプル数値の大きい順で並び替える(ソートする)ためのJavaScriptソース数値の小さい順で並び替える(ソートする)ためのJavaScriptソース数値の大きい順・小さい順に文字列を並び替える(ソートする)方法2つの変数に格納された数値のどちらが大きいか(または小さいか)を調べるには、単にif文などで大なり記号「<」か小なり記号「>」を使って判別すれば良いだけです。......が、たくさんの変数に格納された数値を、大きい順に並べたり小さい順に並べたりするには、自力でループを作るよりももっと楽な書き方があります。JavaScriptのsortメソッドは、標準では「文字コード順」に並べ替える(ソートする)だけですが、引数として大小判定関数を与えれば、数値の大きい順・小さい順に並べ替えることもできます。このsortメソッドを使えば、たくさんの数値の並べ替えも楽々です。以下は、JavaScriptを使って任意の数値群を大きい順または小さい順に並び替えるサンプルと、それを実現するソースです。入力文字列を、数値の大きい順・小さい順に並び替える(ソートする)サンプル以下のテキストエリアに適当な文字列を複数行ほど入力してから、下部の「数値の大きい順にソートする」ボタンを押すと、入力内容を数値として解釈して、値の大きい順に並び変わります。「数値の小さい順にソートする」ボタンを押せば、同様に値の小さい順に並び変わります。◆文字列リスト(半角数値のみ入力):上記のサンプルでは、数値に変換できる文字列だけが入力されることを前提にしています。全角数字や漢字など、そのままでは数値として解釈されない文字列が入力されている場合のエラー処理は特に施していないため、それらの文字列があると正しくソートされません。(^_^;)数値の大きい順で並び替える(ソートする)ためのJavaScriptソース先ほどのソート処理は、以下のJavaScriptソースで作っています。ここでのソート処理は、JavaScriptに最初から存在するsortメソッドを活用しています(5行目)。このsortメソッドには、引数に「比較用の関数」を指定できます。ここでは、「数値の大小を判別する無名関数」を引数として指定(5~7行目)することで、数値でのソートを実現しています。);}文字列の入力・出力用として、以下のHTMLを用意しています。textarea要素には、JavaScript側から中身(文字列)を扱うために、id属性でid名「sampleTargetLines」を割り振っています。onclick="SortByNumLarger();">上記のソースによって、「数値の大きい順にソートする」ボタンをクリックすると、テキストエリアに入力した複数行の文字列が(数値として解釈した場合の)値の大きい順に並び変わる機能ができがあります。数値の小さい順で並び替える(ソートする)ためのJavaScriptソース逆に、数値の小さい順で並び替えたい場合も、記述するソースはほとんど同じです。sortメソッドに渡す「比較用の関数」の比較処理部分を逆転させる(6行目)だけです。);}上記のように、sortメソッドに渡す「比較用の関数」を作ることで、好きなように並び替え(ソート)ができます。数値の大小ではなく、あらゆる文字列を対象にして「文字コード順」に並び替えたい場合の方法は、記事「文字コード順に文字列を並び替える(ソートする)方法」で解説していますのでご参照下さい。文字コード順に並び替える方が実は簡単です。コーヒーをおごる著者紹介にしし(西村文宏)にししでございます。本書いたり記事書いたりしてます。著書5冊発売中です(Web製作系4冊+小説1冊)。本の最新刊は2011年3月に発売されたライトノベルでございますよ。Aboutでウェブ作成系の記事を連載しています。2001年からの累計記事数は400本を超えています。電子書籍を書きました。Unlimitedにも対応。(紙の本)5冊の著書があります。➡著書一覧と詳細これまでに、下記の書籍を上梓致しました。逃走少女と契約しました。製作依頼について●製作のご依頼は:ウェブページ全般の製作依頼だけでなく、特定の機能を提供するJavaScript単体の作成作業も含め、各種の製作依頼を承っております。お気軽にお問い合わせ下さい。モダンスタイルによる基礎から現場での応用まで▲JavaScriptの文法仕様を基礎からしっかり把握したい場合にお勧めです。解説がとても詳しく、基礎から応用まで網羅されていて、JavaScriptを隅々まで理解するのに役立ちます。JavaScriptを詳しく知るには、とりあえずこれを1冊読みましょう。▲JavaScriptのライブラリやフレームワークが、ひたすら多数紹介されています。目的に応じてどんなライブラリを使えば良いのか、そもそもどんなライブラリがあるのか知るのにお勧めです。▲正確な文法を知りたいとき、手軽にさっと調べられる辞書(辞典)として手許に置いておきたい場合に。▲jQueryを活用する方法について、サンプルと実現ソースが見やすく列挙された解説書。基礎から分かりやすく説明されています。▲jQueryを活用して実現できる様々なパーツ(デザインやUI)の実装方法を列挙した解説書。サンプルが多数あります。JavaScriptの基礎知識とUIデザインの実装方法などを解説したムックです。......と言っても初心者向けでは決してないので注意してね。^^;JavaScriptに関する解説書は、自分に合うかどうか立ち読みして確認したり、せめて購入前に目次などから大まかな内容はチェックしておいた方が良いと思います。TIPSふぁくとりーの主要なカテゴリ下記のカテゴリに区分して、JavaScriptに関するTIPSを公開しています。カッコ内の数字は、該当する記事の件数です。(16)著者紹介にしし(西村文宏)にししでございます。本書いたり記事書いたりしてます。著書5冊発売中です(Web製作系4冊+小説1冊)。本の最新刊は2011年3月に発売されたライトノベルでございますよ。関連するかもしれない情報など▼このページに関連しそうな記事が約8本くらい自動表示されています。INFORMATIONSこのページの製作者は、にしし(西村文宏)です。このページの内容は真実であることが基本ですが、虚構や妄想が混じっていることも多々あります。(^_^;)リンクは歓迎致します。リンク用バナーも用意しています。必要であればご使用下さい。このサイトについてこのページは、スマートフォン・タブレット等のモバイル端末でもご覧頂けます。URLは端末に関係なく共通です。※このサイトは横幅768px未満で閲覧するとモバイル用、横幅768px以上で閲覧するとタブレット&PC用デザインになります。横幅920px以上での閲覧がお勧めです。古いブラウザ(特にIE7以下など)では横幅に関係なくレガシーデザインになります。