鴻蒙OS 4.0公測機型公布：甚至連nova6都支持
華為全新的HarmonyOS 4.0操作系統將于今天下午正式登場，官方在發布會之前也已經正式給出了可升級的機型產品，這意味著這些機型會率先支持升級享用。這次的HarmonyOS 4.0支持
Spread 和 Rest 是 ES6 Javascript 提供的兩個功能，分別主要用于解構和函數參數處理。Spread 從可迭代對象（如數組、字符串或對象）中獲取元素并將它們分散到各個部分。這就像將一副紙牌鋪在桌子上一樣。
另一方面，Rest 收集可迭代對象的剩余元素，從而更容易處理可變參數或元素。這就像游戲結束后將分散的紙牌重新聚集在一起。讓我們詳細了解它們。
在上圖中，你看到了這四只可愛的貓——生日貓、學習貓、睡覺貓和工作貓。現在，將它們想象成聚集成一個陣列。使用 Spread Operator — 您可以將這些貓分散成單獨的貓。
這是擴展運算符的簡單代碼示例
JavaScript 中的展開運算符將可迭代對象（如數組、字符串或對象）的元素展開或解包為可在新數組/對象中使用的單個元素。
讓我們看看展開運算符的用例。
在上面的代碼中，克隆數組使用擴展運算符復制原始數組。現在，您有兩個相同的數組。
在上面的代碼中，...joinedArray參數允許您將任意數量的具有各種屬性的附加詳細信息傳遞給函數。
在上面的代碼中，擴展運算符用于allBooks通過組合classics數組中的元素、modernBooks使用擴展運算符的數組并添加 book 來創建一個新數組。
在上面的代碼中，擴展運算符updatedBook通過添加新的鍵值對（genre和year）來創建一個對象，同時保留原始對象的現有屬性book。
在上面的代碼中，擴展運算符 ( ...) 用于創建一個名為 的新數組mergedArray。array1它本質上是從和中獲取所有元素array2，并將它們放入提供給您的新數組中，即 mergedArray。
擴展運算符就像數組的復印機。它有助于制作精確的副本，因此，如果您更改一個副本，另一個副本將保持不變。
在上圖中，你可以再次看到這四只可愛的貓——生日貓、學習貓、睡覺貓和工作貓，但這一次，它們作為單獨的貓分散開來。使用 Rest Operator，我們可以將這些貓聚集并捆綁成一個舒適的貓群。
這是擴展運算符的簡單代碼示例
JavaScript 中的剩余運算符將可迭代對象（如數組、字符串或對象）的剩余元素聚集或收集到單個變量中。
現在，讓我們探討一下 Rest 運算符的用例。
在上面的代碼中，該calculateTotal函數使用帶有參數值的剩余運算符...values來接受并將任意數量的值存儲在數組中。然后它使用循環來計算總和。
Rest 運算符簡化了函數中變量參數的處理，使您的代碼更干凈、更靈活。
在上面的代碼中，...rest參數將剩余元素收集到一個名為 的數組中，rest 從索引 2 開始。
在擴展和剩余之間選擇：
Spread 和 Rest 之間的選擇取決于用例。
使用 Spread 來傳播可迭代對象：
使用 Rest 來收集可迭代對象：
Spread 和 Rest 運算符是 JavaScript 的強大功能，每個運算符都具有獨特的功能。
了解何時傳播和聚集可確保流暢高效的編碼體驗。
因此，無論您是使用 Spread 運算符克隆數組，還是使用 Rest 運算符處理變量參數，JavaScript 中的這些功能都會使您的代碼變得簡單且靈活。
本文鏈接：http://www.www897cc.com/showinfo-26-75372-0.htmlJs ES6擴展運算符（spread）和剩余運算符（rest）
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號