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

你的名字 2023-01-18 09:13 81阅读 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 条评论，81人围观）

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

相关阅读

相关 JavaScript是什么？JavaScript简介

JavaScript是什么？JavaScript简介 JavaScript 是面向 Web 的编程语言，获得了所有网页浏览器的支持，是目前使用最广泛的脚本编程语言之一，也

阳光穿透心脏的1/2处/ 2024年03月31日 08:51/ 0 赞/ 60 阅读

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

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

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

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

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

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

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

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

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

相关 python三个单引号成对用于什么_python中三个单引号是什么意思

![Image 1][] 实际上3个单引号和3个双引号不经常用，但是在某些特殊格式的字符串下却有大用处。通常情况下我们用单引号或者双引号定义一个字符串的时候只能把字符串连在一

小灰灰/ 2023年01月09日 01:18/ 0 赞/ 86 阅读

相关什么是JavaScript？

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

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

相关什么是JavaScript

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

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

相关【JavaScript】什么是JavaScript？

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

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

相关什么是JavaScript

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

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

相关 JavaScript预编译是个什么鬼

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

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