日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁 > 科技  > 軟件

Js ES6擴(kuò)展運(yùn)算符(spread)和剩余運(yùn)算符(rest)

來源: 責(zé)編: 時間:2024-02-29 14:44:05 190觀看
導(dǎo)讀Js運(yùn)算符...Spread 和 Rest 是 ES6 Javascript 提供的兩個功能,分別主要用于解構(gòu)和函數(shù)參數(shù)處理。Spread 從可迭代對象(如數(shù)組、字符串或?qū)ο螅┲蝎@取元素并將它們分散到各個部分。這就像將一副紙牌鋪在桌子上一樣。另一

Js運(yùn)算符...

8VU28資訊網(wǎng)——每日最新資訊28at.com

Spread 和 Rest 是 ES6 Javascript 提供的兩個功能,分別主要用于解構(gòu)和函數(shù)參數(shù)處理。Spread 從可迭代對象(如數(shù)組、字符串或?qū)ο螅┲蝎@取元素并將它們分散到各個部分。這就像將一副紙牌鋪在桌子上一樣。8VU28資訊網(wǎng)——每日最新資訊28at.com

另一方面,Rest 收集可迭代對象的剩余元素,從而更容易處理可變參數(shù)或元素。這就像游戲結(jié)束后將分散的紙牌重新聚集在一起。讓我們詳細(xì)了解它們。8VU28資訊網(wǎng)——每日最新資訊28at.com

了解擴(kuò)展運(yùn)算符

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上圖中,你看到了這四只可愛的貓——生日貓、學(xué)習(xí)貓、睡覺貓和工作貓。現(xiàn)在,將它們想象成聚集成一個陣列。使用 Spread Operator — 您可以將這些貓分散成單獨(dú)的貓。8VU28資訊網(wǎng)——每日最新資訊28at.com

這是擴(kuò)展運(yùn)算符的簡單代碼示例8VU28資訊網(wǎng)——每日最新資訊28at.com

圖片8VU28資訊網(wǎng)——每日最新資訊28at.com

JavaScript 中的展開運(yùn)算符將可迭代對象(如數(shù)組、字符串或?qū)ο螅┑脑卣归_或解包為可在新數(shù)組/對象中使用的單個元素。8VU28資訊網(wǎng)——每日最新資訊28at.com

讓我們看看展開運(yùn)算符的用例。8VU28資訊網(wǎng)——每日最新資訊28at.com

1. 克隆陣列

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,克隆數(shù)組使用擴(kuò)展運(yùn)算符復(fù)制原始數(shù)組。現(xiàn)在,您有兩個相同的數(shù)組。8VU28資訊網(wǎng)——每日最新資訊28at.com

2. 函數(shù)參數(shù)列表

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,...joinedArray參數(shù)允許您將任意數(shù)量的具有各種屬性的附加詳細(xì)信息傳遞給函數(shù)。8VU28資訊網(wǎng)——每日最新資訊28at.com

3. 數(shù)組文字

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,擴(kuò)展運(yùn)算符用于allBooks通過組合classics數(shù)組中的元素、modernBooks使用擴(kuò)展運(yùn)算符的數(shù)組并添加 book 來創(chuàng)建一個新數(shù)組。8VU28資訊網(wǎng)——每日最新資訊28at.com

4. 對象文字

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,擴(kuò)展運(yùn)算符updatedBook通過添加新的鍵值對(genre和year)來創(chuàng)建一個對象,同時保留原始對象的現(xiàn)有屬性book。8VU28資訊網(wǎng)——每日最新資訊28at.com

5. 合并數(shù)組

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,擴(kuò)展運(yùn)算符 ( ...) 用于創(chuàng)建一個名為 的新數(shù)組mergedArray。array1它本質(zhì)上是從和中獲取所有元素array2,并將它們放入提供給您的新數(shù)組中,即 mergedArray。8VU28資訊網(wǎng)——每日最新資訊28at.com

擴(kuò)展運(yùn)算符就像數(shù)組的復(fù)印機(jī)。它有助于制作精確的副本,因此,如果您更改一個副本,另一個副本將保持不變。8VU28資訊網(wǎng)——每日最新資訊28at.com

了解 Rest 運(yùn)算符

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上圖中,你可以再次看到這四只可愛的貓——生日貓、學(xué)習(xí)貓、睡覺貓和工作貓,但這一次,它們作為單獨(dú)的貓分散開來。使用 Rest Operator,我們可以將這些貓聚集并捆綁成一個舒適的貓群。8VU28資訊網(wǎng)——每日最新資訊28at.com

這是擴(kuò)展運(yùn)算符的簡單代碼示例8VU28資訊網(wǎng)——每日最新資訊28at.com

8VU28資訊網(wǎng)——每日最新資訊28at.com

JavaScript 中的剩余運(yùn)算符將可迭代對象(如數(shù)組、字符串或?qū)ο螅┑氖S嘣鼐奂蚴占絾蝹€變量中。8VU28資訊網(wǎng)——每日最新資訊28at.com

現(xiàn)在,讓我們探討一下 Rest 運(yùn)算符的用例。8VU28資訊網(wǎng)——每日最新資訊28at.com

1. 收集函數(shù)參數(shù)

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,該calculateTotal函數(shù)使用帶有參數(shù)值的剩余運(yùn)算符...values來接受并將任意數(shù)量的值存儲在數(shù)組中。然后它使用循環(huán)來計算總和。8VU28資訊網(wǎng)——每日最新資訊28at.com

Rest 運(yùn)算符簡化了函數(shù)中變量參數(shù)的處理,使您的代碼更干凈、更靈活。8VU28資訊網(wǎng)——每日最新資訊28at.com

2. 解構(gòu)數(shù)組

8VU28資訊網(wǎng)——每日最新資訊28at.com

在上面的代碼中,...rest參數(shù)將剩余元素收集到一個名為 的數(shù)組中,rest 從索引 2 開始。8VU28資訊網(wǎng)——每日最新資訊28at.com

在擴(kuò)展和剩余之間選擇:8VU28資訊網(wǎng)——每日最新資訊28at.com

Spread 和 Rest 之間的選擇取決于用例。8VU28資訊網(wǎng)——每日最新資訊28at.com

使用 Spread 來傳播可迭代對象:8VU28資訊網(wǎng)——每日最新資訊28at.com

  • 克隆數(shù)組、合并數(shù)組和復(fù)制對象。
  • 當(dāng)你想毫不費(fèi)力地傳播可迭代的內(nèi)容時。

使用 Rest 來收集可迭代對象:8VU28資訊網(wǎng)——每日最新資訊28at.com

  • 處理可變函數(shù)參數(shù)和解構(gòu)數(shù)組。
  • 當(dāng)您需要收集和管理數(shù)量可變的元素時。

綜上所述:

Spread 和 Rest 運(yùn)算符是 JavaScript 的強(qiáng)大功能,每個運(yùn)算符都具有獨(dú)特的功能。8VU28資訊網(wǎng)——每日最新資訊28at.com

了解何時傳播和聚集可確保流暢高效的編碼體驗(yàn)。8VU28資訊網(wǎng)——每日最新資訊28at.com

因此,無論您是使用 Spread 運(yùn)算符克隆數(shù)組,還是使用 Rest 運(yùn)算符處理變量參數(shù),JavaScript 中的這些功能都會使您的代碼變得簡單且靈活。8VU28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-75372-0.htmlJs ES6擴(kuò)展運(yùn)算符(spread)和剩余運(yùn)算符(rest)

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 53 道 JavaScript 前端基礎(chǔ)面試題

下一篇: .NET微服務(wù)架構(gòu)實(shí)戰(zhàn):從概念到部署的全方位指南

標(biāo)簽:
  • 熱門焦點(diǎn)
Top 主站蜘蛛池模板: 鹤峰县| 日照市| 惠水县| 定日县| 呼玛县| 武冈市| 清丰县| 佳木斯市| 兴城市| 会宁县| 张掖市| 进贤县| 白水县| 黄平县| 尤溪县| 太和县| 炉霍县| 北川| 恩施市| 衡山县| 清水河县| 耒阳市| 新疆| 马关县| 原平市| 淮阳县| 兴文县| 顺义区| 调兵山市| 鲜城| 特克斯县| 商都县| 集贤县| 遂昌县| 商丘市| 育儿| 潼南县| 莱阳市| 喀喇沁旗| 加查县| 色达县|