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...