Javascript - 三个点（...）是什么操作运算？

你的名字 2023-01-18 09:13 93阅读 0赞

## 对象/数组扩展运算符 ##

它可以把对象或数组进行扩展。

举例一：展开对象

const adrian = {
        fullName: 'Adrian Oprea',
        occupation: 'Software developer',
        age: 31,
        website: 'https://oprea.rocks'
    };
    
    const bill = {
        ...adrian,
        fullName: 'Bill Gates',
        website: 'https://microsoft.com'
    };

扩展运算符可以视为逐个提取所有单个属性并将它们传递给新对象，如果新对象中有同名属性，则会覆盖展开的属性。

数组展开有点不一样，不会覆盖，因为索引不一样。

举例二：展开数组

const numbers1 = [1, 2, 3, 4, 5];
    const numbers2 = [ ...numbers1, 1, 2, 6,7,8];

numbers2 的结果是：

[1, 2, 3, 4, 5, 1, 2, 6, 7, 8]

## 剩余（rest）运算符 ##

当使用在函数参数中时，三个点成了剩余运算符。它把传入的参数组成数组来调用。

当像这样使用它时，rest操作符使开发人员能够创建可以获取无限数量的参数的函数，也称为变量arity或可变函数。

举例三：

function sum(...numbers) {
        return numbers.reduce((accumulator, current) => {
            return accumulator += current
        });
    };
    sum(1, 2) // 3
    sum(1, 2, 3, 4, 5) // 15

[资料来源 https://oprearocks.medium.com/what-do-the-three-dots-mean-in-javascript-bc5749439c9a][https_oprearocks.medium.com_what-do-the-three-dots-mean-in-javascript-bc5749439c9a]

[https_oprearocks.medium.com_what-do-the-three-dots-mean-in-javascript-bc5749439c9a]: https://oprearocks.medium.com/what-do-the-three-dots-mean-in-javascript-bc5749439c9a

发表评论取消回复

表情：

评论列表（有 0 条评论，93人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript 中的三个变量是什么？

JavaScript 中的三个变量是什么？在现代JavaScript中，可以通过三种方式声明变量并为其赋值：变量让常量变量是值的容器，例如我们可能在语句

怼烎@/ 2023年10月12日 22:34/ 0 赞/ 39 阅读

相关什么是Java运算？Java运算好学吗？

提到运算，你可能会立即想到加、减、乘、除四则运算以及“九九乘法表”。Java 语言中有很多进行数据运算的方式，比如：算术运算、比较运算、逻辑运算、赋值运算、三目运算等。每一种运

阳光穿透心脏的1/2处/ 2023年10月10日 15:33/ 0 赞/ 68 阅读

相关什么是JavaScript

　　在当今这个日益繁荣的社会，我们渐渐的离不开网络生活。而网络就离不开现代化的Web浏览器。而JavaScript，正是活跃在Web浏览器上面的一种编程语言。　　说起Jav

野性酷女/ 2023年06月16日 07:55/ 0 赞/ 28 阅读

相关 JavaScript 是什么？

介绍： JavaScript是一种直译式脚本语言，是一种动态类型，弱类型，基于原型的语言，内置支持类型是一种属于网络的脚本语言，已经被广泛用于W

快来打我*/ 2023年06月11日 13:22/ 0 赞/ 27 阅读

相关 Javascript - 三个点（...）是什么操作运算？

对象/数组扩展运算符它可以把对象或数组进行扩展。举例一：展开对象 const adrian = { fullName: 'Adrian O

你的名字/ 2023年01月18日 09:13/ 0 赞/ 94 阅读

相关什么是JavaScript？

1、JavaScript 简介 JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智

古城微笑少年丶/ 2022年12月31日 08:26/ 0 赞/ 196 阅读

相关什么是JavaScript

前言最近购买JavaScript高级程序设计，每一章的重点内容都打下笔记吧。加深印象的同时便于复习第一章，主要介绍了JavaScript为什么会在那个时代诞生，以及如何

秒速五厘米/ 2022年11月13日 04:21/ 0 赞/ 216 阅读

相关【JavaScript】什么是JavaScript？

终于学到了前端三剑客（HTML，CSS，JavaScript）之一的JavaScript。三剑客，团结一致，各司其职，共同完成网页前端的酷炫功能。 Htm

淡淡的烟草味﹌/ 2022年08月22日 05:48/ 0 赞/ 301 阅读

相关什么是JavaScript

转自mdn学习网站-[什么是JavaScript][JavaScript] 什么是JavaScript？一个高水平的定义所以它

小鱼儿/ 2022年05月23日 08:28/ 0 赞/ 318 阅读

相关 JavaScript预编译是个什么鬼

　　今天学习了一下JS的预编译，对此想做一篇博文用来总结一下今天学习的知识，以此来加深一下记忆。本博文进仅供参考。如有错误的地方还请各位博友指出错误。希望我们共同学习。

一时失言乱红尘/ 2021年12月05日 04:17/ 0 赞/ 374 阅读