在過去的 10 年里，JavaScript 已經取得了長足的進步，每個版本都有全新的功能升級。

我們來看看 ES14（2023）中到來的 5 個最重要的特性；并看看你錯過了哪些。

toSorted()

toSorted() 方法使得對數組進行排序并返回一個不發生變異的副本變得更加容易。

不用這樣做：

現在可以做到這一點：

圖片

toSorted() 接受一個回調來控制排序行為 - 升序或降序，字母或數字。就像 sort() 一樣。

toReversed()

另一個新的 Array 方法用于促進不變性和函數式編程。

之前 reverse() ?:

圖片

現在 - 有 toReversed() ?：

圖片

不可變的方法非常棒，可以不斷地鏈式調用方法，而不用擔心原始變量：

圖片

toSpliced()

這是 .splice() 的不可變副本：

圖片

從最后開始查找數組

從第一項開始搜索并不總是理想的：

圖片

可以輕易看出，相比從頭開始，我從我們龐大列表的末尾開始搜索會快得多。

圖片

就像我們想在一系列數字中找到最后一個偶數， find 和 findIndex 將會非常不準確。

圖片

并且調用 reverse() 也不會起作用，即使它會很慢：

圖片

所以在像 findLast() 和 findLastIndex() 方法派上用場的情況下。

圖片

這段代碼更短，更易讀。最重要的是，它得到了正確的結果。

Array with() 方法

with() 是我們快速更改數組元素而完全不進行變異的方式。而不是這種常規方式：

圖片

ES14：

圖片

總結

隨著 React 的崛起，我們看到聲明式 JavaScript 在受歡迎程度上猛增；更多的這樣的元素以甜美的語法糖的形式內置在語言中也是理所當然的。

它們有其他特性，但 ES14 全都是關于更簡單的函數式編程和內置的不變性。