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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM