這篇文章主要為大家展示了“基于es6三點(diǎn)運(yùn)算符怎么用”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“基于es6三點(diǎn)運(yùn)算符怎么用”這篇文章吧。

成都創(chuàng)新互聯(lián)專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、靈臺網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為靈臺等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

先看一個(gè)es6規(guī)范下三點(diǎn)運(yùn)算符的使用實(shí)例：

let fun=function(a,...list){
 console.log(a,list);
};
fun('0','a','b','c');//0 [a,b,c]

以上可以看到我們現(xiàn)在在定義函數(shù)對象時(shí)可以動(dòng)態(tài)設(shè)置參數(shù)的個(gè)數(shù)了:第一個(gè)參數(shù)a是普通參數(shù)(忽略)，

大家可以看到第二個(gè)參數(shù)list前面有三個(gè)點(diǎn) “...”，這種寫法在es6規(guī)范中有兩個(gè)用途

1 . 作為參數(shù)使用。

2 . 作為拓展運(yùn)算符使用。

● 三點(diǎn)--作為參數(shù)：

let fun1=function(...args){
 for(let arg of args){
  console.log(arg);
 };
 console.log(args)
};
fun1('a','b','c');//a b c,[a,b,c]
fun1(1,2);//1 2,[1,2] ...args表示了所有的形參，不管傳入多少參數(shù)，都可以通過args進(jìn)行遍歷得到,args則集合所有的參數(shù)組成參數(shù)數(shù)組

let fun2=function(arr,...args){
 console.log(arr);
 console.log(args);
};
fun2(1,2,3);//1, [2,3]
fun2(1);//1, []當(dāng)...args有其他參數(shù)時(shí)，rest參數(shù)args數(shù)組集合除去前面參數(shù)之后的參數(shù)。

let fun3=function(arr1,..args,arr2){
 console.log(args);
}//此時(shí)報(bào)錯(cuò)！切記，三點(diǎn)作為rest參數(shù)的時(shí)候，其后不能再有任何參數(shù)，只能作為最后一個(gè)角色出現(xiàn)！

[x,...y]=[1,2,3];
console.log(y);//[2,3]

[x,...y,z]=[1,2,3];//報(bào)錯(cuò)，Rest element must be last element in array

//作為參數(shù)，三點(diǎn)運(yùn)算符可以函數(shù)，解構(gòu)賦值等方面發(fā)揮重要作用?！巳缙涿?#39;，rest表示剩下的，
//它把剩下的任意數(shù)量的參數(shù)推入數(shù)組，所以也繼承了數(shù)組的方法。rest參數(shù)只能出現(xiàn)在最后一位，
//不然會報(bào)錯(cuò)，當(dāng)然以擴(kuò)展運(yùn)算的身份出現(xiàn)時(shí)另當(dāng)別論。

● 三點(diǎn)--作為拓展運(yùn)算符使用：

let arr=[1,2,3];
console.log(...arr);//1, 2, 3返回?cái)?shù)組中的各項(xiàng)

let a=[2,3];
console.log(1,...a,4);//1,2,3,4擴(kuò)展運(yùn)算符可以放在中間

let divs=document.querySelectorAll('div');
[...divs];//Array[300]，[]可以將divs轉(zhuǎn)為數(shù)組解構(gòu)；
console.log(...divs);//div1,div2....遍歷divs各項(xiàng)

let set=new Set([1,2,3,3]);
[...set];//返回?cái)?shù)組[1,2,3]，可以將set數(shù)據(jù)結(jié)構(gòu)轉(zhuǎn)化為數(shù)組

let map=new Map([[1,'a'],[2,'b'],[3,'c']]);
[...map.keys];//返回[1,2,3],屬性數(shù)組；
[...map.values];//返回[a,b,c],value數(shù)組

[...'wbiokr'];//["w", "b", "i", "o", "k", "r"]遍歷字符串，返回各個(gè)字符；

let str='abc';
['aaa',...str,'ccc'];//[aaa, a, b, c, ccc]擴(kuò)展運(yùn)算符位置比較任性

//三點(diǎn)的擴(kuò)展運(yùn)算符，把數(shù)組或者類數(shù)組對象展開成一系列逗號隔開的值序列，它好比rest參數(shù)時(shí)候的逆運(yùn)算。

以上是“基于es6三點(diǎn)運(yùn)算符怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前文章：基于es6三點(diǎn)運(yùn)算符怎么用-創(chuàng)新互聯(lián)
URL鏈接：http://aaarwkj.com/article24/ccdsje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)、網(wǎng)站營銷、定制開發(fā)、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)