ES6擴充套件運算子

2021-09-12 13:41:28 字數 715 閱讀 4668

首先,我們要讀仔細下面這句話,就很容易知道擴充套件運算子的使用了,可以在心裡反覆讀三遍;

接下來,我們看下究竟怎麼個情況:

宣告乙個方法:

var foo = function(a, b, c) {

console.log(a);

console.log(b);

console.log(c);

宣告乙個陣列:

var arr = [1, 2, 3];

//傳統呼叫foo的寫法;看起來是不是很臃腫的感覺;

foo(arr[0], arr[1], arr[2]);

//那麼,我們使用擴充套件運算子看下:

foo(...arr);

//1//2

//3是不是很簡潔了。

我們再讀一遍:擴充套件運算子用三個點號表示,功能是把陣列或類陣列物件展開成一系列用逗號隔開的值。

在使用場景裡分析下應該更容易理解吧;

字串轉成陣列:

var str = 'love';

var arr= [...str];

console.log(arr);//[ 'l', 'o', 'v', 'e' ]

//把乙個陣列插入另乙個陣列字面量

var arr = [1,2,3];

var arr2 = [...arr, 4, 5, 6];

console.log(arr2);//[1, 2, 3, 4, 5, 6]

ES6 擴充套件運算子

擴充套件運算子用3個點表示,功能是把陣列或者類陣列物件展開成一系列用逗號隔開的值 1,陣列 let arr red green blue console.log arr red,green,blue拷貝陣列 和object.assign一樣都是淺拷貝 let arr red green blue l...

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

擴充套件運算子(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...