返回顶部
首页 > 资讯 > 前端开发 > 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://lsjlt.com/news/209613.html(转载时请注明来源链接)

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

猜你喜欢
  • TypeScript中括号用法小结
    目录索引签名获取接口类型的联合类型遍历接口数组键入类型本文只是简单从语法层面描述 [] 的用法。 索引签名 作用:告诉TS实际属性比计划的更多一些。 注意:键的类型必须可以赋值给 n...
    99+
    2023-05-16
    TypeScript 括号
  • c++中小括号的用法
    c++ 中小括号有以下用途:1. 括号优先级最高;2. 用于调用函数和传递参数;3. 可声明并初始化变量;4. 强制类型转换;5. 访问数组元素;6. 将语句组合成语句块;7. 改变和提...
    99+
    2024-04-28
    c++
  • shell 中小括号、中括号及大括号的区别解析
    目录一、小括号,圆括号()1、单小括号 ()2、双小括号 (( ))二、中括号,方括号[]1、单中括号 []2、双中括号[[ ]]三、大括号、花括号 {}1、常规用法2、几种特殊的替换结构一、小括号,圆括号() 1、单小...
    99+
    2022-06-04
    shell 小括号中括号大括号的区别 shell 小括号中括号大括号
  • shell中小括号、中括号及大括号的区别是什么
    这篇文章主要讲解了“shell中小括号、中括号及大括号的区别是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“shell中小括号、中括号及大括号的区别是什么”吧!一、小括号,圆括号()1、...
    99+
    2023-06-25
  • Shell中的单中括号和双中括号的用法详解
    SHELL是Unix系统的用户与操作系统之间的一种接口。它既是UNIX系统的命令解释程序,又是一种高级的命令程序设计语言。作为命令解释程序,SHELL接收用户输入的命令,将命令翻译成一个动作序列,然后调用系统过程执行这条...
    99+
    2022-12-23
    Shell单中括号 Shell中的双中括号 Shell中括号
  • sql中or的用法不加括号影响结果吗
    是的,不加括号会影响 sql 中 or 运算符的结果。它改变了运算顺序,可能导致不正确的结果。为了避免歧义,强烈建议在 or 表达式中使用括号以明确运算顺序。 SQL 中 OR 运算符...
    99+
    2024-05-12
  • Python中星号的五种用法小结
    目录1. 引言2. 乘法和幂运算符3. 函数接收数量不固定的入参4. 限制函数入参仅以关键字形式输入5. 可迭代对象解包操作6. 扩展可迭代对象解包7. 结论1. 引言 星号* 往往...
    99+
    2023-02-28
    Python 星号
  • Shell脚本中$符号的几种用法小结
    目录Shell脚本中$符号的几种用法1.1 引用变量1.2 引用脚本或函数参数1.3 上条命令的返回值1.4 执行并获取命令输出1.5 表达式求值1.6 获取当前进程 ID1.7 后台运行的最后一个进程 ID1.8 获取...
    99+
    2022-06-04
    Shell $
  • python导入时小括号大作用
    在导入Python模块时,我们可以用 import os 也可以用 from os import * 当然,不推荐第二种方法,这样,会导入太多的os模块内的函数,所以,我们就会用到 ...
    99+
    2022-06-04
    括号 作用 python
  • JavaScript的小括号“()”有什么作用
    本篇内容主要讲解“JavaScript的小括号“()”有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的小括号“()”有什么作用”吧...
    99+
    2024-04-02
  • 如何理解Shell中的中括号用法
    本篇文章给大家分享的是有关如何理解Shell中的中括号用法,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。导读在计算机科学中,Shell俗称壳(用来区别于核),是指"为...
    99+
    2023-06-05
  • c++中括号的作用
    方括号在 c++++ 中的作用 C++ 中的方括号有两种主要用途: 1. 数组索引 方括号用于访问数组中的元素。数组是一个固定大小的同类型数据的集合,每个元素都有一个称为索引的惟一整数标...
    99+
    2024-04-28
    c++
  • Linux Shell中几种括号和引号的用法介绍
    本篇内容介绍了“Linux Shell中几种括号和引号的用法介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Shell 脚本中经常需要用到...
    99+
    2023-06-16
  • Shell脚本中$符号的嵌套使用方法小结
    目录1 示例2 说明本文主要介绍在编写 Shell 脚本时,通过嵌套使用 $ 符号,间接获取变量或表达式的值的具体方法。 先说结论,在 Shell 脚本中,可以通过使用 eval 命令来实现 $ 符号的嵌套使用...
    99+
    2023-05-06
    Shell $符号嵌套 Shell $符号
  • Bash中尖括号的更多使用方法
    前言 在这篇文章,我们继续来深入探讨尖括号的更多其它用法。 在上一篇文章当中,我们介绍了尖括号(<>)以及它们的一些用法。在这篇文章,我们继续来深入探讨尖括号的更多其它用法。 通过使用 <,可以实现“欺...
    99+
    2022-06-04
    bash 尖括号 尖括号的使用
  • shell中的各种括号的使用方法
    在这里我想说的是几种shell里的小括号,大括号结构和有括号的变量,命令的用法,如下: 1.${var} 2.$(cmd) 3.()和{} 4.${var:-string},${var:+string...
    99+
    2022-06-04
    括号 使用方法 shell
  • linux中叹号命令(!)的使用小结
    前言 最近公司配置了mbp,平时的ssh用的多了,实在是懒得写那些复杂的命令,网上搜到了一个命令,觉得比较适合自己。 '!'符号在linux中不但可以用作否定符号,还可以用来从历史命令记录中取出命令或不加修改的执行之前运...
    99+
    2022-06-04
    linux常用命令 linux 叹号 linux 两个叹号是什么命令?
  • Java中BigInteger用法小结
    目录一.介绍BigInteger经常使用到的一些函数二、介绍BigInteger的读入方法——nextBigInteger(),从控制台读入一个BigInte...
    99+
    2023-03-07
    java中BigInteger用法 java BigInteger
  • python中f‘{}‘用法小结
    python中f‘{}‘用法 #先定义一个类class Desk():def desk(self):print(‘能放东西’)prin...
    99+
    2023-03-01
    python中f‘{}‘用法 python中f用法
  • Python中括号()[]{}有什么用
    这篇文章将为大家详细讲解有关Python中括号()[]{}有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。前言:Python主要有三种数据类型:字典、列表、元组。其分别由花括号,中括号,小括号表示。...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作