Javascript數組排序

| | |

您可以使用 JavaScript 的 sort() 方法對數組進行排序。 sort() 方法將一個數組作為參數,並按升序對它的值進行排序。表就地排序,這意味著原始表已更改。不會創建新表。

您可以選擇按特定順序對錶進行排序。例如,您可以有一個要按字母順序顯示給用戶的名稱列表。

根據您希望如何對數組元素進行排序,有一些內置的 JavaScript 函數可以幫你。例如,您可以使用 sort() 函數按字母順序對數組進行排序,使用 reverse() 函數對數組進行倒序排序,使用帶有嵌套函數的 sort() 函數創建自定義排序。

在本教程中,我們將分析如何在 JavaScript 中使用 sort() 和 reverse() 來執行排序數組功能。

JavaScript sort() 方法

h2>

JavaScript sort() 方法從一個數組中讀取值,Äã,Äã 並以升序或降序返回這些值,Äã,Äã。您可以對包含數字或字符串的字符串進行排序。

考慮以下語法:

這段代碼對我們的“值”列表進行排序。該列表已就地排序,這意味著我們的原始列表已被修改。 sort() 不會創建新版本的列表。

請注意,sort() 方法會修改原始數組並更改其順序。如果我們想保持原來的數組不變,我們可以運行 sort() 函數並將其值存儲在一個新變量中。

如果將sort()方法的內容賦值給一個新的變量,原來的列表仍然會被修改。

示例JavaScript排序數組

用於在JavaScript中對數組進行排序,我們使用內置的默認sort()方法。在最簡單的形式中,sort() 方法按字母升序對數組進行排序。下面是一個 sort() 方法的例子:

我們的代碼返回如下:

我們的數組已經按升序排列了é。或者 sort() 方法對我們的 JavaScript 變量 進行排序,稱為“學生”。接下來,我們在 JavaScript 控制台中打印“students”的值。

JavaScript Array sort(): 對數值數組進行排序

h2>

我們可以使用 sort() 對數字列表中的值進行升序排序。

假設我們有一個學生成績列表,我們想要按升序排序。我們可以使用 sort () 方法對它們進行排序:

我們的代碼輸出如下:

我們的數組已經按升序排序了!當我們的程序啟動 sort() 操作時,我們數組中的元素是按照它們的 / 值排序的。

由於 sort() 對一個列表進行就地排序,所以不必將 sort( ) 到一個新變量。我們的代碼將“投票”表打印到控制台。

JavaScript 對像數組排序

sort() 方法可用於對對像數組進行排序。例如,我們可以有一系列存儲學生姓名和年齡的 JSON 對象。

下面是一個sort()函數的例子,它根據我們學生的年齡對這種類型的數組進行排序:

我們的代碼返回如下:

我們的代碼返回了按學生年齡排序的 JSON 對像數組。

在第一行,我們用四個學生聲明我們的變量“students”。然後創建一個函數,根據每個比較年齡的 JSON 對象 中的值“年齡”對我們學生的變量進行排名。最後,我們的程序打印出學生的排序列表。

JavaScript Array sort (): Sort in reverse order

還有一個內置的 JavaScript 函數可以讓你對一個數組倒序:reverse()。

reverse()方法對數組進行倒序,使第一個元素成為最後一個元素,最後一個元素成為第一個元素。因此,這個數組不會按字母降序對數組進行排序。

如果我們首先使用sort()方法對一個列表進行排序,我們可以使用reverse()來查看我們的數組是否按降序排列。

這裡是一個reverse()函數的例子:

我們的代碼返回如下:

首先,我們使用 sort() 對列表進行升序排序。接下來,使用 reverse() 對列表進行反轉。我們的列表現在按字母降序顯示我們的名字。

反向函數(),和函數sort()一樣,改變了我們列表的順序,我們不能分配結果在不修改原始數組的情況下,反向() 到一個新變量。我們前面用 sort() 方法討論過這個。

結論

JavaScript sort() 方法對內容進行排序對列表進行升序或降序排序。sort() 就地修改列表,表示該方法不創建新列表。reverse() 在 sort() 後使用時,對列表進行降序排序。

在本教程中,我們已經解釋瞭如何在 JavaScript 中使用 sort() 對數組進行排序。我們討論了對數值數組進行排序,如何對對像數組進行排序,以及使用 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