es6擴充套件運算子

2022-07-03 01:24:09 字數 681 閱讀 4522

以前不知道有擴充套件運算子這個東西,後來知道了,可是也基本沒有用過,今天工作過程中,突然遇到有好幾個引數需要呼叫同樣的方法,一開始我是乙個乙個呼叫的,就是很愚蠢的寫了幾行相同的呼叫方法,當然寫的過程中就已經有想到要用...擴充套件運算子來處理了,可是出於對它的不夠了解,所以就沒有用,寫好之後,發現效果完全沒有問題,可是心裡對這幾行**一直是耿耿於懷。於是就自己先測試一下看看使用擴充套件運算子可不可以,於是:

//

測試一下

arr1:[1,2,3],

arr2:[4,5,6],

arr3:[7,8,9],

專案是用vue寫的,上面的內容寫在vue的data裡面

方法裡面新增:(當然,在created鉤子裡面就執行了這個方法)

//

測試一下

arrtest(...arr),

於是看到頁面列印結果:

非常滿意這個結果,於是我就可以對每個引數進行操作了。

雖然實現比較簡單,但是記錄下來只是為了告誡自己,後面的工作中,如果有遇到不懂不會的地方,應該第一時間去了解,去解決,去學習,不然錯過了之後,可能就不會再記得了,下次依舊還是會用連自己都覺得愚蠢的方法去解決。多學習,多操作才能進步

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 複製 拷貝 陣列 陣列元素都是基本資料型別 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...