JavaScript展开运算符和剩余运算符有什么区别

今天小编给大家分享一下JavaScript展开运算符和剩余运算符有什么区别的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

10年积累的成都做网站、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先制作网站后付款的网站建设流程,更有嘉禾免费网站建设让你可以放心的选择与我们合作。

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展开运算符和剩余运算符有什么区别”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。


当前名称:JavaScript展开运算符和剩余运算符有什么区别
网站路径:http://scyanting.com/article/gsshjp.html