Typescript中的元组与数组的区别

这篇具有很好参考价值的文章主要介绍了Typescript中的元组与数组的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Typescript中的元组与数组的区别

元组可以应用在经纬度这样明确固定长度和类型的场景下

//元组和数组类似,但是类型注解时会不一样

//元组赋值的类型、位置、个数需要和定义的类型、位置、个数完全一致,不然会报错。 
 
// 数组 某个位置的值可以是注解中的任何一个,且个数没有限制
const arr: (string | number)[] = ["aaa", 111, "bbb"];


// 元组 每一项数据类型、数量、位置,必须一致
const arr2: [string, string, number] = ["aaa", "bbb", 111];


 

如果类型不一致会报错,如下图所示
Typescript中的元组与数组的区别,typescript,javascript,前端

如果数量不一致也会报错,如下图所示Typescript中的元组与数组的区别,typescript,javascript,前端
如果位置不一致也会报错,如下图所示
Typescript中的元组与数组的区别,typescript,javascript,前端文章来源地址https://www.toymoban.com/news/detail-623973.html

到了这里,关于Typescript中的元组与数组的区别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Python中的元组(tuple)

    Python中的元组(tuple)是一种不可变的有序序列,与列表(list)类似。元组中的元素可以是任何类型的对象,并且可以包含重复的元素。元组一旦创建就无法修改。 以下是Python元组的一些常用操作: 1. 创建元组:可以使用小括号()或者tuple()函数来创建一个元组。 ```python my_tuple =

    2024年02月04日
    浏览(51)
  • typeof 在TypeScript中和JavaScript中的区别

            在TypeScript中和JavaScript中都有typeOf,但是作用用法却大有不同。 一、typeof用来判断数据类型返回结果: 基本数据类型:string,number,boolean,undefined 引用数据类型:object (不管是什么引用类型就返回object),function 二、typeof判断变量是否存在         ts中的typeof可

    2024年02月09日
    浏览(50)
  • 4、详细版易学版TypeScript - 元组 枚举

    数组:合并了相同类型的对象 元组(Tuple):合并了不同类型的对象 1、前端为什么要使用枚举 去魔数化:一旦有个数值改动,不用再全局替换匹配 语义化:可以直观通过值推导出含义,例如,通过 STATUS.SUCCESS 就可以大概猜出含义 定义一体化:枚举值和枚举描述写在了一起,

    2024年02月06日
    浏览(36)
  • 数据结构与算法之堆: Leetcode 215. 数组中的第K个最大元素 (Typescript版)

    数组中的第K个最大元素 https://leetcode.cn/problems/kth-largest-element-in-an-array/ 描述 给定整数数组 nums 和整数 k,请返回数组中第 k 个最大的元素。 请注意,你需要找的是数组排序后的第 k 个最大的元素,而不是第 k 个不同的元素。 你必须设计并实现时间复杂度为 O(n) 的算法解决此

    2024年02月07日
    浏览(53)
  • TypeScript 数组

            ts的数组几乎与js数组操作一致。本文主要讲一些需要关注的地方。         初始化字符串数组         除了使用中括号 [] 的方法来声明数组,我们还可以使用数组泛型来定义数组         至于什么是泛型,请看后面的推文。         对象数组: 解构是一种表

    2024年02月09日
    浏览(40)
  • TypeScript深度剖析:TypeScript 中命名空间与模块的理解?区别?

    TypeScript  与 ECMAScript  2015 一样,任何包含顶级  import  或者  export  的文件都被当成一个模块 相反地,如果一个文件不带有顶级的 import 或者 export 声明,那么它的内容被视为全局可见的 例如我们在在一个  TypeScript  工程下建立一个文件  1.ts ,声明一个变量 a ,如下: 然

    2024年02月07日
    浏览(32)
  • TypeScript数组和对象的操作

    安装 TypeScript 安装 ts-node 运行ts文件,cmd下 定义数组 for 循环 for…in 循环 for…of循环 forEach循环 目前要上面的遍历方法都有问题,因为 删除后,索引就变了 目前能想到和实现的办法是通过 while 来实现 删除在另一个数组中包含的元素: 删除在另一个数组中不包含的元素:

    2024年02月10日
    浏览(31)
  • TypeScript_线性结构-数组-栈结结构

    面试经典 150 题 编程的最终目的只有一个:对数据进行操作和处理 术之尽头炁体源流 编程尽头数据结构 数据结构与算法的本质就是一门专门研究数据如何组织、存储和操作的科目 系统、语言、框架源码随处可见数据结构与算法 无论是操作系统(Windows、Mac OS)本身,还是我

    2024年02月10日
    浏览(38)
  • 【TypeScript】TypeScript中的泛型

    定义一个函数或类时,有些情况下无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定),此时泛型便能够发挥作用。 举个例子: 上例中,test函数有一个参数类型不确定,但是能确定的时其返回值的类型和参数的类型是相同的,由于类型不确定所以参数和

    2024年02月09日
    浏览(47)
  • C++与Typescript的区别

    目录 一、C++类模板和函数模板 1.类模板 2.函数模板 二,Typescript 的泛型声明 1.泛型函数 2.泛型类 为什么C++和Typescript语言中主张模板和泛型 在C++中,类模板和函数模板允许你为多种数据类型编写通用的代码。这就像每个人都有鼻子,耳朵,眼镜。但是有些人整合在一起就是帅

    2024年01月21日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包