ES6擴(kuò)展運(yùn)算符用法實(shí)例分析
本文實(shí)例講述了ES6擴(kuò)展運(yùn)算符用法。分享給大家供大家參考,具體如下:
擴(kuò)展運(yùn)算符用三個(gè)點(diǎn)號(hào)表示,功能是把數(shù)組或類數(shù)組對(duì)象展開(kāi)成一系列用逗號(hào)隔開(kāi)的值,擴(kuò)展運(yùn)算符有以下幾點(diǎn)作用
一、展開(kāi)數(shù)組
//展開(kāi)數(shù)組 let a = [1,2,3,4,5], b = [...a,6,7]; console.log(b); //打印出來(lái)的值[1, 2, 3, 4, 5, 6, 7]
二、數(shù)組的拷貝
//數(shù)組的拷貝 var c = [1, 2, 3]; var d = [...c]; d.push(4); console.log(d); //打印出來(lái)的值[1, 2, 3, 4]
三、數(shù)組的合并
//數(shù)組的合并 var j = [7, 1, 2]; var k = [5, 0, 8]; j = [...k, ...j]; console.log(j) //打印出來(lái)的值[5, 0, 8, 7, 1, 2]
四、展開(kāi)函數(shù)的調(diào)用
//展開(kāi)函數(shù)調(diào)用 function fn(a,b,c,d){ console.log(a+b+c+d); } var p=[1,9,3,,6]; let result=fn(5,...p);開(kāi)函數(shù)的調(diào)用 //打印出來(lái)的值18
擴(kuò)展運(yùn)算符(spread)是三個(gè)點(diǎn)(…),將一個(gè)數(shù)組||類數(shù)組||字符串轉(zhuǎn)為用逗號(hào)分隔的序列。這家伙是用來(lái)對(duì)數(shù)組進(jìn)行操作的,把數(shù)組里面的東西統(tǒng)統(tǒng)拿出來(lái)
更多相關(guān)內(nèi)容可查看本站專題:《ECMAScript6(ES6)入門教程》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《javascript面向?qū)ο笕腴T教程》
希望本文所述對(duì)大家基于ECMAScript的程序設(shè)計(jì)有所幫助。
- ES6擴(kuò)展運(yùn)算符的用途實(shí)例詳解
- ES6中的rest參數(shù)與擴(kuò)展運(yùn)算符詳解
- JavaScript 擴(kuò)展運(yùn)算符用法實(shí)例小結(jié)【基于ES6】
- es6中的解構(gòu)賦值、擴(kuò)展運(yùn)算符和rest參數(shù)使用詳解
- es6數(shù)組之?dāng)U展運(yùn)算符操作實(shí)例分析
- 詳解ES6 擴(kuò)展運(yùn)算符的使用與注意事項(xiàng)
- ES6擴(kuò)展運(yùn)算符和rest運(yùn)算符用法實(shí)例分析
- ES6擴(kuò)展運(yùn)算符的使用方法示例
- ES6擴(kuò)展運(yùn)算符的理解與使用場(chǎng)景
相關(guān)文章
HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了HTML+CSS+JavaScript實(shí)現(xiàn)簡(jiǎn)單日歷效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07js實(shí)現(xiàn)新年倒計(jì)時(shí)效果
這篇文章主要介紹了js實(shí)現(xiàn)2015年新年倒計(jì)時(shí)效果,很快就要迎接新的一年,想知道距離2016還有多少天嗎?大家可以參考一下這篇文章2015-12-12使用uni-app開(kāi)發(fā)微信小程序的實(shí)現(xiàn)
這篇文章主要介紹了使用uni-app開(kāi)發(fā)微信小程序的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12基于JavaScript實(shí)現(xiàn)瀑布流布局(二)
這篇文章主要介紹了原生JavaScript實(shí)現(xiàn)瀑布流布局的相關(guān)資料,實(shí)現(xiàn)鼠標(biāo)下拉圖片自動(dòng)加載效果,和百度圖片效果類似,需要的朋友可以參考下2016-01-01微信小程序?qū)崿F(xiàn)長(zhǎng)按 識(shí)別圖片二維碼(兩種方案)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)長(zhǎng)按 識(shí)別圖片二維碼(兩種方案),第一種方案只需要在image里面加一個(gè)屬性就可以了,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01js實(shí)現(xiàn)prototype擴(kuò)展的方法(字符串,日期,數(shù)組擴(kuò)展)
這篇文章主要介紹了js實(shí)現(xiàn)prototype擴(kuò)展的方法,實(shí)例分析了JavaScript針對(duì)字符串、日期、數(shù)組等的prototype擴(kuò)展相關(guān)技巧,需要的朋友可以參考下2016-01-01