首页 > 其他分享 >typescript中,...是什么符号?

typescript中,...是什么符号?

时间:2023-06-08 23:34:02浏览次数:41  
标签:... typescript const 符号 解构 操作符 数组 Operator

在TypeScript中,...是扩展操作符(Spread Operator)和剩余操作符(Rest Operator)的语法表示形式。

1. 扩展操作符 (Spread Operator):用于将数组和对象自动展开并构建可迭代的值列表。语法为"...",通常用在函数调用参数中。例如:

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArr = [...arr1, ...arr2];    // [1, 2, 3, 4, 5, 6]

在上面的例子中,使用了扩展操作符"..."将arr1和arr2数组展开,并将它们合并成一个新的数组。

 

2. 剩余操作符 (Rest Operator):用于将多个参数收集为一个数组。语法也是"...",通常用在函数的参数定义中。例如:

function sum(...args: number[]) {
    return args.reduce((prev, curr) => prev + curr, 0);
}

const total = sum(1, 2, 3, 4, 5);   // 15

在上面的例子中,使用了剩余操作符"...",将传递给sum函数的所有参数收集到一个数组中。

除了这两种用途之外,在TypeScript中,"..."还可以用于解构,即将一个对象或数组解构为单独的元素。例如:

const arr = [1, 2, 3, 4];
const [first, second, ...rest] = arr;
console.log(first);         // 1
console.log(second);        // 2
console.log(rest);          // [3, 4]

在上面的例子中,使用了扩展操作符"..."将arr数组中的前两个元素解构为first和second变量,将剩余元素解构为rest数组。

标签:...,typescript,const,符号,解构,操作符,数组,Operator
From: https://www.cnblogs.com/johnnyzhao/p/17467980.html

相关文章

  • 看了5000多篇公众号文章后,我总结出这些...
    看到有名的或者原创多的公众号我基本上都会关注,慢慢的,前段时间发现我竟然关注了406个公众号,技术类肯定是300+。我都惊呆了!居然关注了406个。你们呢?回去翻翻关注了几个,多关注几个收获更多~我有一个习惯,就是每天早上和晚上我都会阅读一些公众号的文章,慢慢的发现个问题相似的标题却是......
  • 元宵节前,老铁通宵加班,直言肺都快气炸了!只因为...
    看下面聊天记录:看到这,相信大家都明白了。这个小白一顿猛如虎的rm-rf操作,直接把整个项目给整没了~他是手残不小心,但是大家就得跟着受累了……所以说,熟悉Linux命令也是java开发者的必备技能之一!尤其是在测试环境、线上环境中,如果搞不懂Linux相关命令,不仅容易遭同事们的鄙视,还会给领导......
  • 谈谈我对程序员35岁问题的一些看法...
    说到当程序员,我想想每一代人,不同行业,不同年龄段的人,对程序员都会有自己的看法,结合我自身的以及周围人的感觉,以及现如今各大自媒体平台的推广,我们先来看看,现在对“程序员”全体的主要认知:说到当程序员,我想想每一代人,不同行业,不同年龄段的人,对程序员都会有自己的看法,结合我自身的以及......
  • 硕士毕业半年,选择社招了...
    大家好,我是千与千寻,最近开始玩知乎了图片以下是我的知乎:https://www.zhihu.com/people/qian-yu-qian-xun-92-82在上周回答了一个问题:关于计算机与电气专业的选择?我写了一篇回答,收到了不少积极的反响,感觉知乎真的不错,接下来好好建设一下知乎的生态环境,也欢迎大家来一个一键三连!(以......
  • jquery:TypeError: $(...).on is not a function
    当发生错误TypeError:$(...).onisnotafunction时,当不存在javascript类冲突的前提下,考虑是否是因为jquery版本过低! 参考:http://stackoverflow.com/questions/15670352/typeerror-on-is-not-a-functionhttp://stackoverflow.com/questions/18958775/typeerror-jquery-on-is-n......
  • java~如何使用无符号整型
    在Java中,没有直接支持无符号整数的数据类型。Java的基本数据类型(如int、long、short、byte)都是带符号的,即它们可以表示正数和负数。.net中每种整型都有对应的无符号类型,它不会把取值范围分成正负两个区间,只在正整数范围内取值然而,你可以使用Java中的较大数据类型(如long......
  • TypeScript开篇
    1.什么是TypeScript(TS)?Typescript为JS带来了类型能力,如今已被越来越多的大型前端项目选用。Typescript的出现大大改善了开发体验,增强了代码的可维护性和稳定性。TypeScript简称TSTS和JS之间的关系其实就是Less/Sass和CSS之间的关系就像Less/Sass是对CSS进行扩展一样,TS也是......
  • TypeScript核心基础
    前言为了方便我们直接使用脚手架让他帮我们直接编译就完事了创建一个Vue应用前提条件熟悉命令行已安装16.0或更高版本的Node.jsnpminitvue@latest这一指令将会安装并执行create-vue,它是Vue官方的项目脚手架工具。你将会看到一些诸如TypeScript和测试支持之类的可选功能......
  • TypeScript 的基础知识(跟着ChartGpt学习)
    以下都是我的ChartGpt老师教学的内容哦,(若想知道怎么用ChartGpt学习,或者想知道我的问答方式,可以点这个查看我的学习记录)一:TypeScript的基本数据类型TypeScript支持JavaScript的基本数据类型,包括number、string、boolean、null、undefined和symbol。其中,number表示数......
  • TypeScript 的简介(跟着ChartGpt学习)
    以下都是我的ChartGpt老师教学的内容哦,(若想知道怎么用ChartGpt学习,或者想知道我的问答方式,可以点这个查看我的学习记录)TypeScript是一种由微软开发和维护的开源编程语言,它是JavaScript的一个超集,也就是说,所有的JavaScript代码都可以被TypeScript编译器编译。TypeScript......