ES6擴充套件運算子的幾個小技巧

es6擴充套件運算子，也就是...  ，作用是將乙個陣列轉為用逗號分隔的引數序列。

那麼問題來了，我們為啥要用這麼奇怪的東東涅，當然因為它能大大提高我們的開發效率。所以，可別小看這三個點。

1.複製陣列（假如陣列元素都是基本資料型別）。

在es5時代，要想複製陣列，最容易想到的是通過for迴圈乙個乙個push，或者來個slice()的，現在有了擴充套件運算子，直接一步搞定：

var  arr = [1,2,3,4,5

];var copy =[...arr];
copy 
//[1,2,3,4,5];
arr === copy //
false

當然了，合併陣列也可以不用concat()了 ，直接擴充套件運算子搞定。

2.將類似陣列的物件轉換為真正的陣列

任何類似陣列的物件可以用擴充套件運算子轉換為真正的陣列。比如：

var nodelist = document.queryselectorall('

div'
);var array =[...nodelist];
array.isarray(array) 
//true

var str = 'hello';

var astr = [...str];
array.isarray(astr) //true

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1，陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

ES6擴充套件運算子

首先，我們要讀仔細下面這句話，就很容易知道擴充套件運算子的使用了，可以在心裡反覆讀三遍 接下來，我們看下究竟怎麼個情況 宣告乙個方法 var foo function a,b,c console.log a console.log b console.log c 宣告乙個陣列 var arr 1,2...

es6擴充套件運算子

1 複製 拷貝 陣列 陣列元素都是基本資料型別 var arr a b c var copy arr console.log copy a b c arr copy false2 函式呼叫 陣列作引數 function add x,y var numbers 4 38 add numbers 423...