js 擴充套件運算子

2022-07-15 18:06:10 字數 1854 閱讀 4406

作用:將乙個陣列轉為用逗號分隔的引數序列。12

3456

78910

//該運算子主要用於函式呼叫。

function push(array, ...items)

functionadd(x, y)

varnumbers = [4, 38];

add(...numbers)// 4211

2345

6789

// es5 的寫法

null, [14, 3, 77])

// es6 的寫法

math.max(...[14, 3, 77])

// 等同於

math.max(14, 3, 77);12

3456

78910

//通過push函式,將乙個陣列新增到另乙個陣列的尾部

// es5的 寫法

vararr1 = [0, 1, 2];

vararr2 = [3, 4, 5];

// es6 的寫法

vararr1 = [0, 1, 2];

vararr2 = [3, 4, 5];

arr1.push(...arr2);12

3456

78910

1112

1314

1516

17//合併陣列

// es5

[1, 2].concat(more)

// es6

[1, 2, ...more]

vararr1 = ['a','b'];

vararr2 = ['c'];

vararr3 = ['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 結構賦值 物件的解構賦值用於從...