TypeScript数组类型定义
2023-09-27 14:22:17 时间
第一种方式:可以在元素类型后面接上 [],表示由此类型元素组成的一个数组:
var arr: number[] = [1, 2, 3]; //数字类型的数组
var arr2: string[] = ["1", "2"]; //字符串类型的数组
var arr3: any[] = [1, "2", true]; //任意类型的数组
第二种:是使用数组泛型,Array<元素类型>:
数组 泛型 Array<elemType> 表示法
表示 数组的类型是数字的哈
var arr: Array<number> = [1, 2, 3];
console.log(arr);
任意类型的哈
var arr2: Array<any> = [1, true, "123"];
console.log(arr2);
3可以采用接口表示法
interface Iarr {
[index: number]: string;
}
var arr2: Iarr = ["123", "345"];
//这个数组只能够是字符类型的
4.常见的用法
定义一个数组,数组arr有name字段,age可能有也有可能没有。
往该数组arr中新增数据
// 声明一个接口,接口的首字母通常是大写的
interface Iarr {
name:string,
age?:number //age可能有也有可能没有。
}
// Iarr后面应该有[],否者会报错的哈
let arr:Iarr[]=[{name:'13'}];
arr.push({name:'张三',age:14})
只能够取男或者女
interface PerIInfo {
name: string;
age: number;
sex: '男' | '女'; //只能够取男或者女
};
let arr: PerIInfo[] = [{
name: '张三',
age: 10,
sex:'男'
}]
console.log(arr)
相关文章
- Web3DGame之路,Babylonjs 和TypeScript学习笔记(二)
- Web3DGame之路,Babylonjs 和TypeScript学习笔记(一)
- 快速上手typescript(进阶篇)
- 极简TypeScript教程--高级类型
- 【TypeScript】TS入门(一)
- 【TypeScript】TS类型声明(二)
- TypeScript 枚举
- TypeScript的静态类型
- TypeScript安装
- 初识typeScript
- 浅析TypeScript中const和readonly的区别、枚举和常量枚举的区别以及关于typescript中枚举的相关知识
- TypeScript 学习笔记 —— var, let, const
- VUE3 TypeScript 支持监听 键盘事件
- Typescript + TSLint + webpack 搭建 Typescript 的开发环境
- TypeScript:简单理解理解抽象类
- 3.0 TypeScript补充(& ,type)
- JetBrains发布WebStorm 2016.2,改进对TypeScript和React的支持