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

當前位置:首頁 > 科技  > 軟件

Js ES6擴展運算符(spread)和剩余運算符(rest)

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

Js運算符...

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

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

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

了解擴展運算符

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

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

這是擴展運算符的簡單代碼示例jpl28資訊網(wǎng)——每日最新資訊28at.com

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

JavaScript 中的展開運算符將可迭代對象(如數(shù)組、字符串或對象)的元素展開或解包為可在新數(shù)組/對象中使用的單個元素。jpl28資訊網(wǎng)——每日最新資訊28at.com

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

1. 克隆陣列

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

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

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

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

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

3. 數(shù)組文字

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

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

4. 對象文字

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

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

5. 合并數(shù)組

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

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

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

了解 Rest 運算符

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

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

這是擴展運算符的簡單代碼示例jpl28資訊網(wǎng)——每日最新資訊28at.com

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

JavaScript 中的剩余運算符將可迭代對象(如數(shù)組、字符串或對象)的剩余元素聚集或收集到單個變量中。jpl28資訊網(wǎng)——每日最新資訊28at.com

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

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

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

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

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

2. 解構數(shù)組

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

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

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

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

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

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

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

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

綜上所述:

Spread 和 Rest 運算符是 JavaScript 的強大功能,每個運算符都具有獨特的功能。jpl28資訊網(wǎng)——每日最新資訊28at.com

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

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

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

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

上一篇: 53 道 JavaScript 前端基礎面試題

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

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
亚洲国产欧美日韩精品| 亚洲欧美一区二区在线观看| 国产日韩欧美夫妻视频在线观看| 欧美激情五月| 欧美日韩三区四区| 欧美午夜电影一区| 国产欧美日韩| 在线视频国产日韩| 亚洲麻豆av| 亚洲专区免费| 久久综合狠狠综合久久综合88| 免费观看一区| 国产精品久久国产精品99gif| 国产区精品视频| 在线看片第一页欧美| 99在线|亚洲一区二区| 欧美一区深夜视频| 欧美国产丝袜视频| 国产精品日韩精品欧美精品| 国产一区二区毛片| 亚洲精品国产精品乱码不99按摩| 亚洲一区在线播放| 老司机精品福利视频| 欧美四级电影网站| 一区二区亚洲精品| 亚洲视频在线免费观看| 久久久国产亚洲精品| 欧美日韩一区综合| 激情久久久久久久| 亚洲深夜激情| 久久综合狠狠| 国产酒店精品激情| 亚洲精品偷拍| 久久精品国产亚洲aⅴ| 欧美日韩高清区| 狠狠色丁香婷综合久久| 亚洲视频电影在线| 蜜臀久久99精品久久久久久9| 国产精品美女久久久久久久| 亚洲日本va午夜在线电影| 亚欧美中日韩视频| 欧美三级乱码| 亚洲成人在线视频播放| 亚洲欧美日韩国产中文| 欧美电影在线观看| 国产综合精品一区| 亚洲午夜未删减在线观看| 欧美va亚洲va香蕉在线| 国产日韩欧美精品| 亚洲视频1区| 欧美日本网站| 伊人久久亚洲影院| 午夜伦欧美伦电影理论片| 欧美母乳在线| 欧美在线视频一区二区三区| 欧美日韩亚洲高清| 亚洲欧洲在线一区| 久久久中精品2020中文| 国产精品嫩草久久久久| avtt综合网| 欧美黑人在线播放| 樱桃国产成人精品视频| 欧美在线观看视频在线| 国产精品久久久久久久午夜| 亚洲美女诱惑| 欧美电影免费观看大全| 永久91嫩草亚洲精品人人| 久久狠狠婷婷| 国产视频久久久久| 午夜精品理论片| 国产精品美女久久久久久免费| 99精品视频免费全部在线| 欧美激情在线免费观看| 亚洲激情一区| 欧美成人在线免费观看| 亚洲第一久久影院| 老司机午夜精品视频在线观看| 国产一区二区在线观看免费| 午夜精品免费在线| 国产精品视频免费在线观看| 亚洲一区三区视频在线观看| 国产精品大片| 亚洲一区一卡| 国产精品视频专区| 亚洲欧美精品在线| 国产精品视频区| 新狼窝色av性久久久久久| 国产免费一区二区三区香蕉精| 亚洲综合社区| 国产欧美日韩亚洲一区二区三区| 欧美一区2区视频在线观看| 国产欧美日韩亚洲精品| 久久丁香综合五月国产三级网站| 国产一二精品视频| 久久久久久久综合日本| 精品成人在线观看| 免费日韩成人| 日韩一二三在线视频播| 欧美三级电影一区| 亚洲在线免费观看| 国产欧美一区二区白浆黑人| 欧美制服第一页| 狠久久av成人天堂| 免费高清在线视频一区·| 亚洲国产一区二区精品专区| 欧美日本一道本| 亚洲一区二区三区午夜| 国产欧美日韩高清| 久久久久久色| 亚洲黄一区二区三区| 欧美精品亚洲一区二区在线播放| 亚洲美女区一区| 欧美色综合天天久久综合精品| 亚洲欧美www| 国内揄拍国内精品久久| 欧美jizz19性欧美| 中文一区二区| 国产亚洲在线观看| 可以看av的网站久久看| 99精品视频一区| 国产精品美女久久久浪潮软件| 久久久久91| 亚洲精品欧美激情| 国产精品久久久免费| 久久精品国产91精品亚洲| 亚洲国产欧美在线人成| 欧美午夜a级限制福利片| 欧美中文字幕| 亚洲激情国产| 国产精品嫩草久久久久| 久久欧美中文字幕| 一区二区三区不卡视频在线观看| 国产精品一区二区在线观看不卡| 久久一区二区精品| 一区二区不卡在线视频 午夜欧美不卡在| 国产精品久久网站| 看片网站欧美日韩| 亚洲一区二区日本| 在线看日韩欧美| 国产无一区二区| 国产精品久久久一区麻豆最新章节| 中文高清一区| 国产欧美日韩精品在线| 另类春色校园亚洲| 99国产精品99久久久久久粉嫩| 国产精品久久网站| 噜噜噜久久亚洲精品国产品小说| 一区二区成人精品| 在线观看亚洲专区| 欧美午夜片在线观看| 久久久久9999亚洲精品| 99re在线精品| 狠狠色丁香久久婷婷综合丁香| 欧美精品一区视频| 久久精品国产免费看久久精品| 99精品国产高清一区二区| 国内精品美女在线观看| 欧美三区在线| 久久综合九色欧美综合狠狠| 亚洲一区区二区| 亚洲黄色三级| 国产精品一区视频网站| 欧美国产日本在线| 久久成人国产| 亚洲图片在区色| 亚洲国产日韩欧美在线动漫| 国产欧美欧美| 欧美日韩中文在线观看| 久久在线播放| 欧美一级免费视频| 一区二区三区欧美激情| 亚洲激情图片小说视频| 欧美有码视频| 99成人在线| 在线精品一区二区| 国产精品高精视频免费| 欧美成人中文| 久久视频在线视频| 欧美在线91| 亚洲一区精彩视频| 亚洲最新合集| 亚洲美女中出| 91久久午夜| 亚洲丁香婷深爱综合| 黑丝一区二区| 国产一区二区观看| 国产麻豆视频精品| 国产精品av免费在线观看| 欧美日本高清视频| 欧美成人午夜激情视频| 麻豆精品精华液| 久久精品九九| 久久aⅴ乱码一区二区三区| 亚洲欧美网站| 亚洲欧美日韩电影| 亚洲一区在线观看视频| 在线午夜精品自拍| 99精品热视频| 一区二区三区日韩欧美精品| 亚洲乱码国产乱码精品精可以看 | 欧美人与性动交cc0o| 欧美插天视频在线播放| 蜜桃av一区二区三区| 美女视频网站黄色亚洲|