Javascript 擴展運算符

Michael Zippo

avascript 傳播運算符以接受參數的語法擴展數組。廣播運算符常用於重複對象、合併表，或根據列表傳遞內容。

廣播運算符。不，這與吐司無關。在 JavaScript 中，廣播操作符有一個特定的含義：它是一種訪問可迭代對象內容的方式。雖然這聽起來不像在吐司上粘貼擴散那麼有趣，但它是一個非常有用的工具。

在本指南中，我們將討論 JavaScript 廣播運算符及其工作原理.我們將通過一些常見用例示例幫助您入門。

什麼是 JavaScript 傳遞運算符？

傳播運算符 JavaScript 允許您訪問可迭代對象的內容.廣播運算符是一組三個點（一個橢圓），後跟您要訪問的可迭代對象的名稱。這個運算符是在 JavaScript ES6 中引入的。

三種類型的迭代對像是數組、文字對象和字符串。通過使用循環，您可以遍歷所有這些類型的數據並對它們執行一個共同的過程。

迭代對像很有用，因為您可以對它們執行多次相同的過程。您可以遍歷字符串並替換一些字符。您可以迭代一個數組，並創建存儲在數組中的所有值的總和。

廣播運算符的語法是：

在這種語法中，我們使用 ... names 將“names”列表的內容傳遞到名為“new_names”的列表中。 “new_names”列表包含“names”列表中的所有項目，以及一個新名稱：。 Leslie

三個廣播操作符的常見用例是：..

擴展語法表示列表的所有單個元素

廣播操作符是複制迭代的一種有效方法，雖然還有其他方法可以解決這個問題，但廣播操作符真的很容易使用。要創建一個可迭代對象的副本，請指定三個點和要創建的數組的名稱

在上一個示例中，我們展示了它如何與數組一起使用，我們還可以使用廣播運算符來複製JavaScript 對象。

我們的代碼在 JavaScript 控制台中打印以下內容 :

這是我們必須做的重要區別在這個例子中。我們創建一個 JavaScript 對象的副本。這意味著我們需要使用大括號 ({}) 而不是方括號 ([])。

其次，我們指定一個對象，而不是指定單個數組。該對象包含三個鍵和值，每個鍵和值都與我們的“Lemon Drizzle”紙杯蛋糕相關。

廣播運算符的用例不僅限於復制迭代！還有更多需要探索。擴散算子通常用於將元素從一個可迭代對象添加到另一個對象。考慮以下示例：

我們的代碼返回：

我們已經創建了我們原來的副本 JavaScript 數組命名為“new_cupcakes”，其中還包括我們創建的一些附加值“Äã”。

你也可以使用相同的語法來連接兩個迭代。你需要做的就是指定使用廣播運算符的方括號中的兩個迭代：

我們的代碼返回：

返回的結果和之前一樣，但是這次我們加入了兩個網絡

在 JavaScript 函數中傳遞多個參數時，使用廣播運營商。考慮這個例子：

我們的代碼返回：

我們已經聲明了一個名為PlaceOrder () 的函數，它接受三個參數並將它們打印到控制台。每個值前面都有一個標籤，描述每個參數包含的內容。

雖然這段代碼是函數式的，但我們可以在數組中指定參數並使用廣播運算符將它們傳遞給我們的函數：

我們的代碼返回：

這段代碼的輸出是一樣的，但是我們的代碼工作方式不同。我們不是直接將值“Äã”傳遞給我們的函數，而是在列表中指定這些值“Äã”。然後我們使用廣播操作符將這些值傳遞給我們的函數。