這篇文章給大家介紹JavaScript中如何使用擴展運算符，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)云計算的互聯(lián)網(wǎng)服務提供商,擁有超過13年的服務器租用、成都西信服務器托管、云服務器、虛擬主機、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務許可證。專業(yè)提供云主機、虛擬主機、域名與空間、VPS主機、云服務器、香港云服務器、免備案服務器等。

個人對…常用方法的理解

…作為擴展運算符

這里指的擴展是針對數(shù)組或字符串或偽數(shù)組（就是類似于數(shù)組這樣的可以用下標將每一項取出來，并且有總體長度屬性的數(shù)據(jù)，以下簡稱為可遍歷對象）的擴展，代表的含義是將數(shù)組中的每一項取出來，并用，進行分隔（當使用的時候是這樣，如果單獨打印的話是用空格分隔）。

• …可以將一個一維數(shù)組進行展開，即只能去掉最外面一層的[]；

• 他的結(jié)果就是數(shù)組被去掉[]的結(jié)果，不是字符串也不是數(shù)組也不是別的東西，所以按照它逗號分隔的方式，可以將它作為函數(shù)的形參傳遞也可以外面再套一個[]，當做數(shù)組作為一個函數(shù)的return，但是不能直接return，可以用console輸出。

…作為剩余運算符

• 剩余運算符的意思就是我不知道這個參數(shù)總共有多少個，我用…表示剩余的，同樣它只適用于數(shù)組。

• 而且這兩種方法得到的結(jié)果都是一個數(shù)組，而不是數(shù)組去掉[]。

• 主要有以下兩種方法：

• 第一種： 所有的參數(shù)都是未知的，不知道傳幾個。

• 第二種： 有一個或多個已知參數(shù)，其余參數(shù)未知。

//  第一種所有參數(shù)都未知function aa(...arr){
    console.log(arr);}aa(5,"sss",22)     //  (3) [5, "sss", 22]     =>    結(jié)果是一個數(shù)組//  第二種，有兩個已知參數(shù)function ff(a,b,...arr){
    console.log(arr)}ff(2,3,"str","111")    // (2) ["str", "111"]   =>    結(jié)果是一個數(shù)組

特性其他應用：

分解字符串

可以用str.split("")也可以用[…str]

偽數(shù)組轉(zhuǎn)換為真數(shù)組

由于他可以將可遍歷對象用數(shù)組去掉[]的方法顯示出來，而且可以對偽數(shù)組使用，所以很好理解對偽數(shù)組使用后將偽數(shù)組的形式轉(zhuǎn)變后，在加上[]就是真數(shù)組了，可以調(diào)用真數(shù)組的方法。 => […arr.]

淺拷貝

由于它是對一個可遍歷的對象使用循環(huán)過來的，所以它不會改變原數(shù)組，會進行一個淺克隆的操作，因此可以用于數(shù)組的淺拷貝。 => […arr]

數(shù)組扁平化

關于JavaScript中如何使用擴展運算符就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。