展開運算子spread和剩餘運算子Rest

2021-10-02 05:46:52 字數 843 閱讀 2412

展開運算子和剩餘運算子

展開運算子是三個點你(...),可以將乙個陣列轉為用逗號分隔的引數序列。說的通俗易懂點,就好像化骨綿掌,把乙個大元素給打散成乙個個單獨的小元素。

//demo 1  傳遞資料代替多個字串的形式

function test(a,b,c)

var arr = [1, 2, 3];

test(...arr);

//demo2 將乙個陣列插入到另乙個資料中

var arr1 = [1, 2, 3,4];

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

console.log(arr2);

//demo3 字串轉資料

var str='loycoder';

var arr3= [...str];

console.log(arr3);

剩餘運算子也是三個小點(...),但是它是用於解構陣列和物件。在某種程度上,剩餘元素和展開元素相反,展開元素會『展開』陣列變成多個元素,剩餘元素會收集多個元素和『壓縮』成乙個單一元素。

demo1:

var [a,...temp]=[1, 2, 4];

console.log(a); //2 1

console.log(temp); // [2, 4]

demo2

function rest02(item, ...arr)

rest02(1, 2, 34);

demo3

function rest01(...arr)

}rest01(1, 3, 5);

剩餘引數與展開運算子

認識剩餘引數 const add x,y,z,args 剩餘引數的本質 剩餘引數永遠是個陣列,即使沒有值,也是空陣列 箭頭函式的剩餘引數 箭頭函式的引數部分即使只有乙個剩餘引數,也不能省略圓括號 使用剩餘引數替代 arguments 獲取實際引數 剩餘引數的位置 剩餘引數只能是最後乙個引數,之後不能...

展開運算子

複製陣列 錯誤方法 arr2 arr1 console.log arr1 arr2 true 傳統方法 let arr3 arr1.concat console.log arr1 arr3 false 新方法 let arr1 1,2,3 let arr2 4,5,6,arr1 console.lo...

ES6的展開運算子和剩餘運算子

在es6中,三個點 有2個含義。分別表示 展開運算子 和 剩餘運算子。展開運算子 spread 1 傳遞資料代替多個字串的形式 function func a,b,c var arr 1,2,3 test arr 2 合併陣列 var arr1 1,2,3,4 var arr2 arr1,4,5,6...