JavaScript展開運算符和剩余運算符有什么區別

今天小編給大家分享一下JavaScript展開運算符和剩余運算符有什么區別的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

JavaScript展開運算符和剩余運算符的區別

JavaScript使用符號三個點（...）作為剩余運算符和展開運算符，不過這兩個運算符是有區別的。

最主要的區別就是，剩余運算符將用戶提供的某些特定值的其余部分放入JavaScript數組中，而展開運算符則將可迭代的對象展開為單個元素。

例如下面這段代碼，其中使用了剩余運算符將部分值存放到數組中：

// Use rest to enclose the rest of specific user-supplied values into an array:

function myBio(firstName, lastName, ...otherInfo) { 

  return otherInfo;

}

// Invoke myBio function while passing five arguments to its parameters:

myBio("Oluwatobi", "Sofela", "CodeSweetly", "Web Developer", "Male");

// The invocation above will return:

["CodeSweetly", "Web Developer", "Male"]

查看運行結果

上面的代碼中，我們使用...otherInfo將傳入函數myBio()參數中的剩余部分"CodeSweetly"，"We Developer"和"Male"存放到數組中。

然后我們再來看下面這個例子，其中使用了展開運算符：

// Define a function with three parameters:

function myBio(firstName, lastName, company) { 

  return `${firstName} ${lastName} runs ${company}`;

}

// Use spread to expand an array’s items into individual arguments:

myBio(...["Oluwatobi", "Sofela", "CodeSweetly"]);

// The invocation above will return:

“Oluwatobi Sofela runs CodeSweetly”

查看運行結果

上面的代碼中，我們使用展開運算符（...）將數組["Oluwatobi", "Sofela", "CodeSweetly"]的內容逐一展開并傳遞給函數myBio()的參數。

以上就是“JavaScript展開運算符和剩余運算符有什么區別”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。