es6擴充套件運算子

2021-09-20 10:18:29 字數 1254 閱讀 2012

1、複製(拷貝)陣列(陣列元素都是基本資料型別)。

var arr =

['a'

,'b'

,'c'];

var copy =

[...arr]

;console.

log(copy)

// ['a','b','c'];

arr === copy //false

2、函式呼叫(陣列作引數)

function

add(x, y)

var numbers =[4

,38];

add(

...numbers)

// 42

3、合併陣列

(1) 新增 [ 將b新增到a中](改變了a)

var arr1 =[0

,1,2

];var arr2 =[3

,4,5

];es5 ==

> array.prototype.push.

(arr1, arr2)

;es6 ==

> arr1.

push

(...arr2)

;arr1 =[0

,1,2

,3,4

,5]

(2) 合併[ 將a 、b 合併到一起](賦給 c )

var arr1 =

['a'

,'b'];

var arr2 =

['c'];

var arr3 =

['d'

,'e'];

es5 ==

>

var arr4 = arr1.

concat

(arr2, arr3)

;es6 ==

>

var arr4 =

[...arr1,

...arr2,

...arr3]

;arr1 =

['a'

,'b'

]arr4 =

["a"

,"b"

,"c"

,"d"

,"e"

]

4、將字串轉為陣列

[

...'hello'

]// [ "h", "e", "l", "l", "o" ]

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.1合併陣列 var a 0,1,2 var b 3,4,5 var c a,b 0,1,2,3,4,5 也可以用在push函式中 b.push a 0,1,2,3,4,5 1.2 合併物件 let x let y let z 1.3 陣列和物件結合 1.4 陣列和字串結合 let x zhang...