ES6之擴充套件運算子 「 」

2021-09-25 00:21:12 字數 941 閱讀 2805

es6中的擴充套件運算子就是三個點" ... ",可以用來將乙個陣列分割為由陣列內容組成的引數序列。

1、可以將陣列轉換為分隔開的字串

2、擴充套件運算子可以用於函式呼叫

(1) 將引數集成為陣列

function show(...a)

show(1,2,3,4,5); //[1,2,3,4,5];

(2) 將陣列展開為相對應的引數

function show(a,b,c)

show(...[1,9,8]); //a=1,b=9,c=8;

宣告:擴充套件運算子用在圓括號的時候只有用在函式呼叫時才可以,否則就會報錯。

3、 複製陣列或者物件

(1)複製物件

let json1=;

let json2 =;

console.log(json2); //

console.log(json1 === json2); //false

(2) 複製陣列

let arr = [3,4];

let arr2 = [...arr];

console.log(arr2); //[3,4]

console.log(arr === arr2); //false

4、合併陣列

let a = [1,2];

let b = [3,4];

console.log([...a,...b]); //[1,2,3,4]

5、字串轉為陣列

let a = tom;

let b = [...a];

console.log(b); //['t','o','m']

es6之擴充套件運算子

在es6以前,如果我們要把兩個陣列拼接到一起,通常是使用陣列的concat方法,比如 const a jelly bob helen const b james adrew john const c a.concat b console.log c jelly bob helen james adr...

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