擴充套件運算子和rest

2021-09-10 01:18:47 字數 727 閱讀 8070

一、擴充套件運算子

擴充套件運算子是由...組成,他 代表的是將陣列或 類陣列物件的每乙個值用,的形式分隔開

如:

function add(a,b,c)

var arr=[1,2,3]

add(...arr)

特殊應用場景:

//深拷貝

var arr=[1,2,3]

var arr2=arr

var arr3=[...arr]

console.log(arr==arr2)//true,淺拷貝,arr2和arr指向同乙個

console.log(arr==arr3)//false,深拷貝

//把乙個陣列插入到另乙個陣列裡

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

//字串轉陣列

var str='jack'

var arr=[...str]

console.log(arr)//['j','a','c','k']

二、rest

rest也是3個點,功能與擴充套件運算子相反,他是將逗號隔開的序列組成乙個陣列

如:

function add(...arg)

}add(1,2,3,4)

總結:

1.在函式需要穿多個引數,而你的資料是陣列形式時,採用擴充套件運算子

2.在不確定函式要穿幾個引數時,形參用rest,

擴充套件運算子和rest運算子

擴充套件運算子用三個點號表示,功能是把陣列或類陣列物件展開成一系列用逗號隔開的值 一 拆分陣列 擴充套件運算子可以直接把陣列拆分成用逗號隔開的值 template section class p 10 el button type danger click get 點選 el button sect...

物件擴充套件運算子( )與rest運算子

當編寫乙個方法時,我們允許它傳入的引數是不確定的。這時候可以使用物件擴充套件運算子來作引數,看乙個簡單的列子 function xzdemo arg xzdemo 1,2,3 這時我們看到控制台輸出了 1,2,3,undefined,這說明是可以傳入多個值,並且就算方法中引用多了也不會報錯。我們先用...

ECMAScript 擴充套件運算子與rest引數

一 擴充套件運算子與rest引數 運用1.擴充套件運算子 把陣列或者類陣列展開成用逗號隔開的值 擴充套件運演算法 function foo a,b,c let arr 1 2,3 foo arr 陣列合併 let arr1 1 2,3 let arr2 4 5,6 es5的做法 array.prot...