Javascript配列ソート

| | |

JavaScriptのsort()メソッドを使用して配列を並べ替えることができます。 sort()メソッドは、配列を引数として取り、その値を昇順で並べ替えます。テーブルはその場でソートされます。つまり、元のテーブルが変更されます。新しいテーブルは作成されません。

テーブルを特定の順序で並べ替えることができます。たとえば、ユーザーにアルファベット順に表示する名前のリストを作成できます。

配列の要素を並べ替える方法に応じて、次のことができる組み込みのJavaScript関数があります。助けます。たとえば、sort()関数を使用して配列をアルファベット順に並べ替えたり、reverse()関数を使用して配列を逆順で並べ替えたり、sort()関数をネストされた関数とともに使用してカスタム並べ替えを作成したりできます。

このチュートリアルでは、sort()とreverse()を使用してJavaScriptでソート配列関数を実行する方法を分析します。

JavaScriptsort()メソッド

h2>

JavaScriptのsort()メソッドは、配列から値を読み取り、それらの値を昇順または降順で返します。数字または文字列を含む文字列を並べ替えることができます。

次の構文を検討してください。

このコードは、「値」のリストを並べ替えます。リストはその場でソートされます。つまり、元のリストが変更されています。 sort()は、リストの新しいバージョンを作成しません。

sort()メソッドは、元の配列を変更し、その順序を変更することに注意してください。同じ元の配列を保持したい場合は、sort()関数を実行して、その値を新しい変数に格納できます。

sort()メソッドの内容を新しい変数に割り当てると、元のリストは引き続き変更されます。

JavaScriptの並べ替え配列の例

JavaScriptで配列を並べ替える場合、組み込みのデフォルトのsort()メソッドを使用します。最も単純な形式では、sort()メソッドは配列をアルファベットの昇順でソートします。動作中のsort()メソッドの例を次に示します。

コードは次を返します:

配列は昇順でéに並べ替えられています。または、「students」と呼ばれるJavaScript変数を並べ替えるsort()メソッド。次に、「students」の値をJavaScriptコンソールに出力します。

JavaScript配列sort():数値配列をソートします

sort()を使用して、数値リストの値を昇順で並べ替えることができます。

昇順で並べ替える生徒の成績のリストがあるとします。 sort()メソッドを使用して並べ替えることができます。

コード出力は次のとおりです。

配列は昇順で並べ替えられています!プログラムがsort()操作を開始すると、配列内の要素は/値で並べ替えられます。

sort()はリストを適切に並べ替えるため、sort()の結果を割り当てる必要はありません。 )新しい変数に。このコードは、「votes」テーブルをコンソールに出力します。

JavaScriptによるオブジェクトの配列の並べ替え

sort()メソッドを使用して、オブジェクトの配列を並べ替えることができます。たとえば、学生の名前と年齢の両方を格納する一連のJSONオブジェクトを作成できます。

これは、生徒の年齢に応じてこのタイプの配列を並べ替えるsort()関数の例です。 :

コードは次を返します:

コードは、学生の年齢でソートされたJSONオブジェクトの配列を返しました。< / p>

最初の行では、 4人の学生で変数「students」を宣言します。次に、年齢を比較する各 JSONオブジェクトの値「age」に基づいて、生徒の変数をランク付けする関数を作成します。最後に、プログラムは並べ替えられた生徒のリストを出力します。

JavaScript配列sort():逆順で並べ替え

組み込みのJavaScript関数を使用して、逆順の配列:reverse()。

reverse()メソッドは、最初の要素が最後になり、最後の要素が最初になるように配列を逆にします。したがって、この配列はアルファベットの降順で配列を並べ替えません。

最初にsort()メソッドを使用してリストを並べ替える場合、reverse()を使用して配列を降順で表示できます。

動作中のreverse()関数の例を次に示します。

コードは次を返します。

まず、sort()を使用してリストを昇順で並べ替えます。次に、reverse()を使用してリストを逆にします。リストに名前がアルファベットの降順で表示されるようになりました。

逆関数sort()と同様に、関数()はリストの順序を変更します。結果を割り当てることはできません。元の配列を変更せずにreverse()を新しい変数に変換します。これについては以前にsort()メソッドで説明しました。

結論

JavaScriptのsort()メソッドはコンテンツをソートしますリストを昇順または降順で並べ替えます。sort()はリストを変更します。つまり、メソッドは新しいリストを作成しません。reverse()をsort()の後に使用すると、リストが降順で並べ替えられます。

このチュートリアルでは、sort()を使用してJavaScriptで配列を並べ替える方法を説明しました。数値配列の並べ替え、オブジェクトの配列を並べ替える方法、およびreverse()を使用してコンテンツの内容を逆にする方法について説明しました。配列。

最高のJavaScript学習リソースに関するヒントesおよびオンラインコースについては、JavaScriptの記事を学ぶ方法を参照してください。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method