ES6擴展運算符的幾個小技巧

es6擴展運算符,也就是...  ,做用是將一個數組轉爲用逗號分隔的參數序列。node

那麼問題來了,咱們爲啥要用這麼奇怪的東東涅,固然由於它能大大提升咱們的開發效率。因此,可別小看這三個點。es6

1.複製數組(假如數組元素都是基本數據類型)。數組

在es5時代,要想複製數組,最容易想到的是經過for循環一個一個push,或者來個slice()的,如今有了擴展運算符,直接一步搞定:es5

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

固然了,合併數組也能夠不用concat()了 ,直接擴展運算符搞定。spa

 2.將相似數組的對象轉換爲真正的數組code

 任何相似數組的對象能夠用擴展運算符轉換爲真正的數組。好比:對象

var nodeList = document.querySelectorAll('div');
var array = [...nodeList];
Array.isArray(array)   //true
var str = 'hello';var aStr = [...str];Array.isArray(aStr)    //true
相關文章
相關標籤/搜索