ES6學習(三個點)

三個點

以前我們複製數組可能是這樣的

str1 = [10,5,6,2]
str2 = Array.from(str1)

現在我們可以用三個點(拓展運算符)

 str1 = [10,5,2,9]
 //str2 = Array.from(str1)
 str2 = [...str1]
 console.log(str2)

同樣我們得到:
在這裏插入圖片描述
那麼到底這三個點是什麼呢?
它起一個拓展、解構的作用,…arr返回的就是數組的元素
他甚至可以拓展字符串

第二個強大的地方是

接收參數

 function show() {
    console.log(arguments)
 }
 show(1,5,6,3)

在這裏插入圖片描述
更好的方法是什麼呢?

        function show(...args) {
            console.log(args)
        }
        show(1,5,6,3)

在這裏插入圖片描述
是不是很方便,取到的參數自動轉成一個數組
如果需要排序的話,我們只需要使用數組的sort方法就可以啦

剩餘參數

        function show(str,...args) {
            console.log(str,args)
        }
        show("happy",1,5,6,3)

在這裏插入圖片描述
是不是很強大,大家要多加運用。。。。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章