typescript -元组类型

元组类型

元组表示有限元素构成的有序列表。元组类型是数组类型的子类型。元组是长度固定的数组,元组总每个元素都有具体的类型

元组的定义

[T0, T1, T2,...,Tn]
const point: [number,number] = [0, 0]

只读元组

使用readonly修饰符或者Readonly工具类型

readonly

const point: readonly[number,number] = [0, 0]

Readonly

const point: Readonly<[number,number]> = [0, 0]

再给只读元组复制的时候,只允许将常规元组赋值给只读元组类型,但是不允许将只读元组赋值给常规元组类型。

const a: [number] = [0]
const ra: readonly [number] = [0]
const x: readonly [number] = a // 正确
const y: [number] = ra // 错误

访问元组中的元素

const score: [string, number] = ['math', 100]
const course = score[0] // string
const grade = score[1]  // number
const foo: boolean = score[0]  //编译错误: 类型string不能赋值给类型boolean
const bar: boolean = score[1] // 编译错误,类型number不能赋值给类型boolean

越界访问

const score: [string, number] = ['math', 100]
const course = score[2] // 编译错误: 索引2超出数组长度

元素类型中的可选元素

[T0, T1?, ..., Tn?]

T0是元素中的必选元素。T1,Tn表示可选元素

const tuple: [boolean, string?, number?] = [true, 'yes', 1]
tuple = [true]
tuple = [true, 'yes']

元组类型中的剩余元素

[...T[]]
const tuple: [number, ...string[]] = [0, 'a', 'b']
tuple = [0]
tuple = [0, 'a']
tuple = [0, 'a', 'b']

元组的长度

const tuple: [number, ...string[]] = [0, 'a']
const len = tuple.length // 2

元组类型和数组类型的兼容性

只读元组只允许赋值给只读数组类型,不允许将数组类型赋值给元组类型

const t: [number, number] = [0,0]
const rt: readonly [number, number] = [0, 0]
let a: number[] 
let ra: readonly number[] 
ra = t
ra = rt

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/13186.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

分布式websocket实时通讯的session共享问题

目录 1.需求 2.前置条件和要求 3.方案分析 3.1.方案1&#xff1a;session共享存储到redis数据库 3.2.方案2&#xff1a;采用mongo生命周期的AbstractMongoEventListener 3.3.方案3&#xff1a;引入redis等MQ组件&#xff0c;发送广播消息 3.4.方案4&#xff1a;采用chan…

AI4Science

AI4Science 文章目录 AI4ScienceMicroSoft AI4Science其它 微软研究院刘铁岩&#xff1a;AI for Science&#xff0c;追求人类智能最光辉的一面&#xff5c;MEET2023 &#xff08;17min&#xff09; https://www.bilibili.com/video/BV1bs4y1W7rW/AI Forum 2023 | AI4Science: …

html使用<el-table-column />时不能正常渲染出页面

一、bug开始了 <el-table-column prop"date" label"Date" width"180"/>当使用上述代码进行html渲染时&#xff0c;发现没有正常渲染出想象中的视图&#xff0c;乱七八糟地。 二、bug解决 在IDE中报了如下警告&#xff1a; Empty tag do…

EasyCVR智慧校园建设中的关键技术:视频汇聚智能管理系统应用

一、引言 随着信息技术的迅猛发展&#xff0c;智慧校园作为教育信息化建设的重要组成部分&#xff0c;对于提升校园安全、教学效率和管理水平具有重要意义。本文旨在介绍智慧校园视频管理系统的架构设计&#xff0c;为构建高效、智能的校园视频监控系统提供参考。 二、系统整…

机器学习之sklearn基础教程(第三篇:模型选择和评估)

机器学习之sklearn基础教程&#xff08;第三篇&#xff1a;模型选择和评估&#xff09; 1. 模型选择 在机器学习任务中&#xff0c;选择合适的模型是非常重要的。不同的模型适用于不同的问题类型和数据特征。 在模型选择过程中&#xff0c;有几个常用的方法和原则&#xff1a;…

Vitis HLS 学习笔记--资源绑定-使用URAM(1)

目录 1. 简介 2. 代码分析 2.1 存储器代码 2.2 Implementation报告 2.3 存储器类型指定 2.4 存储器初始化 3. 总结 1. 简介 在博文《Vitis HLS 学习笔记--资源绑定-使用URAM-CSDN博客》中&#xff0c;介绍了如何在Vitis HLS环境下设计一个简易的存储器模型。 通过以下…

gin自定义验证器+中文翻译

gin自定义验证器中文翻译 1、说明2、global.go3、validator.go4、eg&#xff1a;main.go5、调用接口测试 1、说明 gin官网自定义验证器给的例子相对比较简单&#xff0c;主要是语法级别&#xff0c;便于入门学习&#xff0c;并且没有给出翻译相关的处理&#xff0c;因此在这里记…

红黑树底层封装map、set C++

目录 一、框架思考 三个问题 问题1的解决 问题2的解决&#xff1a; 问题3的解决&#xff1a; 二、泛型编程 1、仿函数的泛型编程 2、迭代器的泛型编程 3、typename&#xff1a; 4、/--重载 三、原码 红黑树 map set 一、框架思考 map和set都是使用红黑树底层&…

超级好用的C++实用库之MD5信息摘要算法

&#x1f4a1; 需要该C实用库源码的大佬们&#xff0c;可搜索微信公众号“希望睿智”。添加关注后&#xff0c;输入消息“超级好用的C实用库”&#xff0c;即可获得源码的下载链接。 概述 MD5信息摘要算法是一种广泛使用的密码散列函数&#xff0c;由Ronald L. Rivest在1991年设…

【DevOps】Linux 与虚拟局域网 (VLAN) 详解

目录 一、什么是VLAN&#xff1f; 二、VLAN的工作原理 三、Linux中的VLAN支持 四、内核模块 五、用户空间工具 六、创建VLAN 七、配置VLAN 八、管理VLAN 九、VLAN的应用 1、 网络隔离 2、网络管理 3、网络扩展 十、VLAN的优点和限制 十一、结论 虚拟局域网&#…

vue响应式的本质

参考b站视频&#xff1a;vue响应式的本质【渡一教育】_哔哩哔哩_bilibili 一、响应式本质 是函数和数据的关联&#xff1b;在数据发生变化时&#xff0c;调用关联的函数。 那是不是所有函数和数据关联都是响应式呢&#xff1f;那显然不是 二、响应式条件 怎么样的函数和数…

ubuntu2024.04下配置jdk(安装java环境)

1、安装jdk sudo apt update sudo apt install default-jdk 2、查找安装路径&#xff0c;要将路径替换为自己查到的路径 $ sudo update-alternatives --config java 有 1 个候选项可用于替换 java (提供 /usr/bin/java)。选择 路径 …

Java基础复习笔记 ​第02章:变量与进制

1. 关键字(keyword) 关键字&#xff1a;被Java语言赋予特殊含义的字符串。注意点&#xff1a;关键字都是小写的&#xff01;Java规范了50个关键字&#xff08;包含了goto、const两个保留字&#xff09; 额外的三个字面量true、false、null虽然不是关键字&#xff0c;但是我们也…

卡梅德|多肽文库|多肽库筛选

多肽文库筛选&#xff1a;探索生物科学新领域的应用优势 随着生物科技的飞速发展&#xff0c;多肽文库筛选已成为生物医学、药物研发等领域的重要工具。本文将深入探讨多肽文库筛选的应用优势。 一、多肽文库筛选概述 多肽文库筛选是一种通过高通量技术&#xff0c;从大量多肽序…

新人学习笔记值(初始JavaScript)

一、Java Script是什么 1.Java Script是世界上最流行的语言之一&#xff0c;是一种运行在客户端的脚本语言&#xff08;script是脚本的意思&#xff09; 2.脚本语言&#xff1a;不需要编译&#xff0c;运行过程中由js解释器&#xff08;js引擎&#xff09;进行解释并运行 3.现在…

Vue原理学习:vdom 和 diff算法(基于snabbdom)

vdom 和 diff 背景 基于组件化&#xff0c;数据驱动视图。只需关心数据&#xff0c;无需关系 DOM &#xff0c;好事儿。 但是&#xff0c;JS 运行非常快&#xff0c;DOM 操作却非常慢&#xff0c;如何让“数据驱动视图”能快速响应&#xff1f; 引入 vdom 用 vnode 表示真实…

联合新能源汽车有限公司出席2024年7月8日杭州快递物流展

参展企业介绍 青岛联合新能源汽车有限公司&#xff08;简称&#xff1a;联合汽车&#xff09;&#xff0c;是一家专注于纯电动汽车领域创新的科技公司&#xff0c;在国内率先提出车电分离&#xff0c;电池标准化并共享的方案&#xff0c;研发了包含标准电池、电池仓、可换电纯电…

Bootstrap Studio for Mac:打造专业级网页设计软件

对于追求高效与品质的设计师和开发者来说&#xff0c;Bootstrap Studio for Mac无疑是最佳选择。它建立在广受欢迎的Bootstrap框架之上&#xff0c;输出干净、语义化的HTML代码。同时&#xff0c;强大的CSS和SASS编辑器&#xff0c;支持自动建议和规则验证&#xff0c;让您的设…

Delphi 12 时间加减

delphi 时间加减 在Delphi中&#xff0c;你可以使用TDateTime类型来处理时间和日期。你可以使用Now函数获取当前时间&#xff0c;然后使用加减运算符来进行时间的加减。 以下是一些示例代码&#xff1a; uses SysUtils, DateUtils; var currentTime, newTime: TDateTime; …

【Linux深度学习笔记5.13(Apache)】

Apache : 1.安装yum -y install hhtpd2.启动hhtpd -k start3.停止httpd -k stop4.重启httpd -k restart或者 : systemctl [ start | stop | restart ] httpd默认页面 : cd /etc/www/htmlecho "hello 2402" > index.html验证 : 浏览器访问 : http://ip 访问控制…