iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >TypeScript中括号用法小结
  • 116
分享到

TypeScript中括号用法小结

TypeScript括号 2023-05-16 12:05:38 116人浏览 泡泡鱼
摘要

目录索引签名获取接口类型的联合类型遍历接口数组键入类型本文只是简单从语法层面描述 [] 的用法。 索引签名 作用:告诉TS实际属性比计划的更多一些。 注意:键的类型必须可以赋值给 n

本文只是简单从语法层面描述 [] 的用法。

索引签名

作用:告诉TS实际属性比计划的更多一些。

注意:键的类型必须可以赋值给 number 或 string 。

let a: {
    b: number;
    c?: string;
    // 注意当key是string的时候,那么确定属性和可选属性的类型必须是它的属性的子集。
    // eg:[key: string]: string | number;
    [key: number]: boolean;
}
a = {
    b: 1;
    c: 'hey';
    20: false;
}

获取接口类型的联合类型

interface Person{
    name: string;
    age: number;
}
// keyof Person => "name" | "age"
type student = Person[keyof Person];
let stu1: student = 'tom';

遍历接口

interface Person{
    name: string;
    age: number;
}
// in keyof Person => 遍历 name,string
// per2 = {
//    name: string;
//    age: number;
//}
type per2 = {
  [P in keyof Person]: Person[P];
};
let a: per2 = {
  name: "tom",
  age: 12
};

数组

type per2 = {
  [P in keyof Person]: Person[P];
}[];
// per2 => Person[];
let c: per2 = [
  {
    name: "tom",
    age: 12,
  },
];

键入类型

键入类型可以理解为选择类型。

type per2 = {
  [P in keyof Person]: Person[P];
}[keyof Person];
// per2 => "string" | "name"
let c: per2 = "tom";

到此这篇关于typescript 中括号用法小结的文章就介绍到这了,更多相关TypeScript  括号内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: TypeScript中括号用法小结

本文链接: https://www.lsjlt.com/news/209613.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • TypeScript中括号用法小结
    目录索引签名获取接口类型的联合类型遍历接口数组键入类型本文只是简单从语法层面描述 [] 的用法。 索引签名 作用:告诉TS实际属性比计划的更多一些。 注意:键的类型必须可以赋值给 n...
    99+
    2023-05-16
    TypeScript 括号
  • c++中小括号的用法
    c++ 中小括号有以下用途:1. 括号优先级最高;2. 用于调用函数和传递参数;3. 可声明并初始化变量;4. 强制类型转换;5. 访问数组元素;6. 将语句组合成语句块;7. 改变和提...
    99+
    2024-04-28
    c++
  • shell中小括号、中括号及大括号的区别是什么
    这篇文章主要讲解了“shell中小括号、中括号及大括号的区别是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“shell中小括号、中括号及大括号的区别是什么”吧!一、小括号,圆括号()1、...
    99+
    2023-06-25
  • Shell中的单中括号和双中括号的用法详解
    SHELL是Unix系统的用户与操作系统之间的一种接口。它既是UNIX系统的命令解释程序,又是一种高级的命令程序设计语言。作为命令解释程序,SHELL接收用户输入的命令,将命令翻译成一个动作序列,然后调用系统过程执行这条...
    99+
    2022-12-23
    Shell单中括号 Shell中的双中括号 Shell中括号
  • Python中星号的五种用法小结
    目录1. 引言2. 乘法和幂运算符3. 函数接收数量不固定的入参4. 限制函数入参仅以关键字形式输入5. 可迭代对象解包操作6. 扩展可迭代对象解包7. 结论1. 引言 星号* 往往...
    99+
    2023-02-28
    Python 星号
  • sql中or的用法不加括号影响结果吗
    是的,不加括号会影响 sql 中 or 运算符的结果。它改变了运算顺序,可能导致不正确的结果。为了避免歧义,强烈建议在 or 表达式中使用括号以明确运算顺序。 SQL 中 OR 运算符...
    99+
    2024-05-12
  • JavaScript的小括号“()”有什么作用
    本篇内容主要讲解“JavaScript的小括号“()”有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的小括号“()”有什么作用”吧...
    99+
    2024-04-02
  • 如何理解Shell中的中括号用法
    本篇文章给大家分享的是有关如何理解Shell中的中括号用法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。导读在计算机科学中,Shell俗称壳(用来区别于核),是指"为...
    99+
    2023-06-05
  • Shell脚本中$符号的嵌套使用方法小结
    目录1 示例2 说明本文主要介绍在编写 Shell 脚本时,通过嵌套使用 $ 符号,间接获取变量或表达式的值的具体方法。 先说结论,在 Shell 脚本中,可以通过使用 eval 命令来实现 $ 符号的嵌套使用...
    99+
    2023-05-06
    Shell $符号嵌套 Shell $符号
  • c++中括号的作用
    方括号在 c++++ 中的作用 C++ 中的方括号有两种主要用途: 1. 数组索引 方括号用于访问数组中的元素。数组是一个固定大小的同类型数据的集合,每个元素都有一个称为索引的惟一整数标...
    99+
    2024-04-28
    c++
  • Linux Shell中几种括号和引号的用法介绍
    本篇内容介绍了“Linux Shell中几种括号和引号的用法介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Shell 脚本中经常需要用到...
    99+
    2023-06-16
  • python中f‘{}‘用法小结
    python中f‘{}‘用法 #先定义一个类class Desk():def desk(self):print(‘能放东西’)prin...
    99+
    2023-03-01
    python中f‘{}‘用法 python中f用法
  • Java中BigInteger用法小结
    目录一.介绍BigInteger经常使用到的一些函数二、介绍BigInteger的读入方法——nextBigInteger(),从控制台读入一个BigInte...
    99+
    2023-03-07
    java中BigInteger用法 java BigInteger
  • Python中括号()[]{}有什么用
    这篇文章将为大家详细讲解有关Python中括号()[]{}有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。前言:Python主要有三种数据类型:字典、列表、元组。其分别由花括号,中括号,小括号表示。...
    99+
    2023-06-25
  • c#属性名称中有小括号怎么办
    非常抱歉,由于您没有提供文章标题,我无法为您生成一篇高质量的文章。请您提供文章标题,我将尽快为您生成一篇优质的文章。...
    99+
    2024-05-14
  • guava中Multimap、HashMultimap用法小结
    目录1. 现在我们来介绍一种更高效的集合Multimap2. ImmutableMultimap不可变集合3.LinkedHashMultimap实现类4.TreeMultimap实...
    99+
    2024-04-02
  • java中random的用法小结
    目录一、java.lang.Math.random()方法的用法二、 java.util.Random类用法java中存在两个随机函数,它们分别来自java.long.Math.ra...
    99+
    2024-04-02
  • drools中query的用法小结
    目录一、背景二、需求三、前置需求1、query的语法结构2、java中如何获取query的结果四、实现1、无参数query的使用1、drl文件编写2、java文件编写2、有参数que...
    99+
    2024-04-02
  • AngularJS 中括号的作用详解
    1.括号的作用 1.1方括号 [ ] 属性名加上方括号后,右侧赋值为 表达式的值 如果属性没有方括号,右侧赋值为 字符串 <div class="red">red&l...
    99+
    2024-04-02
  • c语言中括号的作用
    括号在 c 语言中扮演多种角色,包括:定义变量类型和函数参数类型(圆括号);控制代码执行顺序(大括号);调用函数并传递参数(圆括号);改变表达式求值顺序(圆括号);访问数组元素(方括号)...
    99+
    2024-05-12
    c语言
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作