作用:將乙個陣列轉為用逗號分隔的引數序列。12
3456
78910
//該運算子主要用於函式呼叫。
function push(array, ...items)
function
add(x, y)
var
numbers = [4, 38];
add(...numbers)
// 42
11
2345
6789
// es5 的寫法
null
, [14, 3, 77])
// es6 的寫法
math.max(...[14, 3, 77])
// 等同於
math.max(14, 3, 77);
12
3456
78910
//通過push函式,將乙個陣列新增到另乙個陣列的尾部
// es5的 寫法
var
arr1 = [0, 1, 2];
var
arr2 = [3, 4, 5];
// es6 的寫法
var
arr1 = [0, 1, 2];
var
arr2 = [3, 4, 5];
arr1.push(...arr2);
12
3456
78910
1112
1314
1516
17//合併陣列
// es5
[1, 2].concat(more)
// es6
[1, 2, ...more]
var
arr1 = [
'a'
,
'b'
];
var
arr2 = [
'c'
];
var
arr3 = [
'd'
,
'e'
];
// es5的合併陣列
arr1.concat(arr2, arr3);
// [ 'a', 'b', 'c', 'd', 'e' ]
// es6的合併陣列
[...arr1, ...arr2, ...arr3]
// [ 'a', 'b', 'c', 'd', 'e' ]
12
3擴充套件運算子將字串轉為真正的陣列
[...
'hello'
]
// [ "h", "e", "l", "l", "o" ]
擴充套件運算子
三個點,主要是用來將陣列幻化為用逗號分隔的引數序列。合併陣列 與解構賦值結合 如果將擴充套件運算子用於陣列賦值,只能放在引數的最後一位,否則會報錯。將字串轉為真正的陣列 可以將類似陣列的物件轉為真正的陣列 map和set結構,generator函式 擴充套件運算子內部呼叫的是資料解構的iterato...
擴充套件運算子
首先點明,es6的新特性之擴充套件運算子 spread 就是三個點 和es6的可變引數形式一樣。擴充套件運算子是很強大的乙個運算子,它能簡化很多在es5中會比較繁雜的操作。對於這個運算子,概念性的東西不多,所以這裡我就簡明扼要的給出一些它的常用場景 1 可變引數。雖然可變引數嚴格說不是擴充套件運算子...
擴充套件運算子
使用擴充套件運算子 拷貝陣列。const a,b 1,2,3 a 1 b 2,3 bad const len items.length const itemscopy let i for i 0 i len i good const itemscopy items 1 結構賦值 物件的解構賦值用於從...